如何通过代码设置不同类型的输入小部件的值样式?

时间:2019-06-04 09:04:56

标签: google-app-maker

我有一个包含多个输入小部件的表单,例如文本框,下拉列表,文本区域,建议框,广播组和多选等

默认情况下,输入小部件处于禁用状态。

当我单击一个按钮时,所有这些都将启用。 当我单击该按钮时,我也希望它们的文本颜色发生变化。

注意:我不想更改小部件的标签颜色。只有值颜色。

如何在每个代码中做到这一点?如果您可以为每个小部件提供一个示例,例如文本框,下拉列表,多选,radigroup等

寻找通用解决方案。

2 个答案:

答案 0 :(得分:0)

假设您要在单击按钮时将文本框文本更改为红色。向您的样式标签添加一个类,例如

.red{
  color: red;
}

然后说您在按钮的onclick事件中有一个名为textbox1的文本框,输入以下代码:

widget.root.descendants.textbox1.styles = ['red'];    

所有其他类型都相同

答案 1 :(得分:0)

为了给您一个想法,我正在使用TextBox进行测试并且可以使用TextAreas,但是Input或Value并没有改变,其他multiselect和radioGroup选项也没有像预期的那样使用CSS。

当您单击文本框并从CSS页面样式开始时,您将输入“”。您会为所选小部件找到不同的选项。使用TextBox有一个Input选项,因此您可以创建一个像这样的Global Style。

    .color Input{
          color:teal;              
                 }

这将更改TextBox的输入,就像使用Label一样,只需使用相同的CSS类,只需更改要修改的选项即可。 .color Label {}

也可以将更改应用到小部件,只需创建一个像这样的函数。

function textBoxColorChange() {

  app.pages.NewPage.descendants.TextArea1.styles = ["color"];

}

并在按钮上创建一个OnClick事件以进行更改。

对于其他小部件,我没有时间进行测试,但是我希望这有助于理解。问候。