我有一个包含多个输入小部件的表单,例如文本框,下拉列表,文本区域,建议框,广播组和多选等
默认情况下,输入小部件处于禁用状态。
当我单击一个按钮时,所有这些都将启用。 当我单击该按钮时,我也希望它们的文本颜色发生变化。
注意:我不想更改小部件的标签颜色。只有值颜色。
如何在每个代码中做到这一点?如果您可以为每个小部件提供一个示例,例如文本框,下拉列表,多选,radigroup等
寻找通用解决方案。
答案 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事件以进行更改。
对于其他小部件,我没有时间进行测试,但是我希望这有助于理解。问候。