在JS中也无法更改ASP复选框边框颜色。

Question

我在ASPX页面中有一个嵌套到Telerik Radgrid中的ASP复选框。

检查此复选框/未选中时，它假设在后面的代码中执行操作。正常工作。但是，我的客户要求它更改颜色两次。单击时首先为红色，然后在措施结束时为绿色。

我有点想知道如何做到这一点，但是在我的测试代码中，它无法正常工作。我将其颜色更改为红色，然后弹出警报，然后将颜色更改为绿色。问题是在警报之前没有更改颜色。

我想这是一个控制刷新问题。如果是窗口表格，我可以使用方法刷新或更新来强制它，但是在Web表单中，我不知道是否可能。

这是我ASP的相关部分：

<telerik:RadAjaxManagerProxy ID="radajaxmanager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="chkSave">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="chkSave" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>

<telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1" AllowAutomaticDeletes="true" AllowMultiRowSelection="True" >

        <MasterTableView AutoGenerateColumns="False" DataSourceID="SqlDataSource1" Caption="List" DataKeyNames="Id">
            <Columns>
                <telerik:GridBoundColumn DataField="Id" HeaderText="Id" UniqueName="Id"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Description" HeaderText="Description" UniqueName="Description"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Price" HeaderText="Price" UniqueName="Price"></telerik:GridBoundColumn>

                <telerik:GridTemplateColumn HeaderText="Save this"> 
                    <ItemTemplate> 
                        <asp:CheckBox ID="chkSave" runat="server" autoPostBack="true" OnCheckedChanged="chkSave_CheckedChanged" />
                    </ItemTemplate> 
                </telerik:GridTemplateColumn> 
               
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>

这是我的代码：

Protected Sub chkSave_CheckedChanged(sender As Object, e As EventArgs)

    Dim chk As CheckBox = CType(sender, CheckBox)
    Dim status As Boolean = chk.Checked
    Dim item As GridDataItem = CType(chk.NamingContainer, GridDataItem)
    Dim keyvalue As String = item.GetDataKeyValue("Id").ToString()

    chk.BorderStyle = BorderStyle.Solid
    chk.BorderColor = System.Drawing.ColorTranslator.FromHtml("#FF0000")
    ScriptManager.RegisterClientScriptBlock(Page, Me.GetType(), "MyScript", "alert('Changed');", True)
    chk.BorderColor = System.Drawing.ColorTranslator.FromHtml("#00FF00")    

End Sub

我也尝试在JavaScript中进行操作，但同样行不通：

ASP：

<asp:CheckBox ID="chkSave" runat="server" autoPostBack="true" OnCheckedChanged="chkSave_CheckedChanged" onChanged="colorMe(this);" />  

<javascript>
function colorMe (me) {
me.style.borderColor = "red";
}
</javascript>

创意？

Answer 1

据我

<script type="text/javascript">
   function colorMe (me) {
   me.style.borderColor = "red";
   }
</script>

所知将发送到浏览器，当您使用registerclientscript时，服务器在页面中创建脚本标签，但是它没有立即执行，因为页面仍在服务器中，然后将页面发送到浏览器，浏览器将接收并渲染页面并执行服务器放置的脚本。当您第一次设置边框颜色时，您将红色设置为红色，当您在另一行中设置其他颜色时，您只是用绿色替换了红色的值，因此服务器发送了带有绿色边框的复选框，从未发送红色边框到浏览器。

chk.BorderColor = System.Drawing.ColorTranslator.FromHtml("#FF0000")
ScriptManager.RegisterClientScriptBlock(Page, Me.GetType(), "MyScript", "alert('Changed');", True)
chk.BorderColor = System.Drawing.ColorTranslator.FromHtml("#00FF00")