我有多个telerik:RadToggleButton。这可以采用四个状态,分别为“”,“是”,“ N / A”,“否”。我正在尝试找到通用代码来根据按钮上的文本更改按钮颜色
以下是我的aspx代码
<telerik:RadToggleButton ID="btnToggleB1ops" runat="server" AutoPostBack="False" Font-Size="14px">
<ToggleStates>
<telerik:ButtonToggleState Text=" " />
<telerik:ButtonToggleState Text="Yes" />
<telerik:ButtonToggleState Text="No" />
<telerik:ButtonToggleState Text="N/A" />
</ToggleStates>
</telerik:RadToggleButton>
<telerik:RadToggleButton ID="btnToggleA2" runat="server" AutoPostBack="False" Font-Size="14px">
<ToggleStates>
<telerik:ButtonToggleState Text=" " />
<telerik:ButtonToggleState Text="Yes" />
<telerik:ButtonToggleState Text="No" />
<telerik:ButtonToggleState Text="N/A" />
</ToggleStates>
</telerik:RadToggleButton>
可用于任何切换按钮的javascript代码,绿色表示“是”,红色表示“否”,而n / a显示为蓝色
答案 0 :(得分:0)
您可以考虑对每个具有属性的州使用图标更改
PrimaryIconCssClass="yourIcon"
如documentation中所述。
此外,我会考虑一些解决方法。您可以订阅按钮上的 Click 事件,然后在以下情况下进行简单操作:
If (btn.Text == "Yes")
{
btn.Background = Brushes.Green
}
,依此类推。
答案 1 :(得分:0)
使用CSS
<style type="text/css">.Checked {
background-color: white !important;
}
.notChecked {
background-color: tan !important;
}
</style>
<telerik:RadToggleButton ID="btnToggleIntroAprv" runat="server" AutoPostBack="False" Font-Size="14px" meta:resourcekey="btnToggle1Resource1">
<ToggleStates>
<telerik:ButtonToggleState Text=" " meta:resourcekey="ButtonToggleStateResource4" CssClass="notChecked" />
<telerik:ButtonToggleState Text="Yes" meta:resourcekey="ButtonToggleStateResource5" />
<telerik:ButtonToggleState Text="No" meta:resourcekey="ButtonToggleStateResource6" />
<telerik:ButtonToggleState Text="N/A" />
</ToggleStates>
</telerik:RadToggleButton>