1

我在 aspnet webform 的 GridView 中有一个 CheckBox 字段。在用户选中/取消选中每个复选框后，我想使用 jQuery 为该复选框运行 OnCheckedChanged 事件的服务器端代码。

GridView 像这样在 jQuery 弹出窗口中加载

<div id="dialog" style="display: none">
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" OnPageIndexChanging="OnPageIndexChanging" DataKeyNames="ID"
        PageSize="10" AllowPaging="true">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:checkbox id="chk" runat="server" Text="Select" OnCheckedChanged="OnCheckChanged" />
                </ItemTemplate>
            </asp:TemplateField>
            <asp:BoundField DataField="ID" HeaderText="ID" ItemStyle-Width="100" />
            <asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="300" />
            <asp:BoundField DataField="Description" HeaderText="Description" ItemStyle-Width="400" />
        </Columns>
    </asp:GridView>
</div>

jQuery是这样的

$(document).ready(function () {
    $("input:checkbox").click(function () {
        if ($(this).is(":checked")) {
            $(this).trigger('OnCheckChanged',true);            
        } else {
            alert("false");
        }
    });
});

我的“CheckChanged”事件是这样的

Sub OnCheckChanged(sender As Object, e As EventArgs)
Dim chk As CheckBox = TryCast(sender, CheckBox)
Dim row As GridViewRow = TryCast(chk.NamingContainer, GridViewRow)
Dim pk As String = GridView1.DataKeys(row.RowIndex).Values(0).ToString
If chk.Checked = True Then
      'Do something  
Else
      'Do something 
End If

End Sub

jQuery 函数在 CheckBox 未选中时起作用。但它不会触发服务器端 OnCheckChanged 事件

任何人都可以帮忙吗？

4

2 回答 2

0 
$(document).ready(function () {
   $("input[type=checkbox]" ).click(function () {
       if ($(this).is("input:checked")) {
           $(this).trigger('OnCheckChanged',true);            
       } else {
           alert("false");
       }
    });
});
于 2016-09-12T20:08:24.690 回答
0

感谢您的建议。在阅读了 loooot 之后，我得出的结论是我需要使用 .trigger('change')，而不是 ,trigger('OnCheckChanged')。如果我错了，请纠正我。

另外，我必须在复选框字段中包含 AutoPostBack="true"。如果我不将此设置为“true”，则服务器端事件“OnCheckChanged”在渲染时不会附加复选框。

现在的问题是，当我设置 AutoPostBack="true" 时，模式弹出窗口会消失，并且不会重新加载。

有没有办法（a）在不设置 AutoPostBack =“true”的情况下将服务器端事件附加到控件？

(b) 或者，我可以在回发后重新加载模式弹出窗口，复选框的状态与用户选择的状态相同吗？

于 2016-09-15T17:39:42.513 回答