Gridview JQuery插件只触发一次,自定义确认框

时间:2015-04-02 07:45:52

标签: javascript jquery asp.net gridview

我在gridview中有复选框,当你点击复选框我需要显示确认信息框时。

我想将确认消息框按钮文本从“确定”/“取消”更改为“是”/否

为此,我使用的是JQuery插件http://www.invetek.nl/samples/confirmon/index.php

我的gridView下面

 <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
                        <ContentTemplate> 
                            <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"
                                style="text-align:center" CellPadding="3" BackColor="White" BorderColor="#999999" BorderStyle="Solid"
                                BorderWidth="1px" ForeColor="Black" Font-Bold="false" GridLines="Vertical" RowStyle-CssClass="GridRow" 
                                 OnRowCommand="GridView1_RowCommand"><%--OnRowDataBound="GridView1_RowDataBound"--%>
                                <AlternatingRowStyle BackColor="#F8F8F8" />
                                <Columns>
                                    <asp:TemplateField Visible="false">
                                        <ItemTemplate>
                                            <asp:Label ID="lbl_CarBrandID" runat="server" Text='<%# Eval("CarBrandID") %>'></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>

                                    <asp:TemplateField ItemStyle-Width="10%" HeaderText="Brand Name" HeaderStyle-CssClass="header-center">
                                        <ItemTemplate>
                                            <asp:Label ID="lbl_CarBrandName" runat="server" Text='<%# Eval("CarBrandName") %>'></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>

                                    <asp:TemplateField ItemStyle-Width="5%" HeaderText="Active" HeaderStyle-CssClass="header-center">
                                        <ItemTemplate>
                                            <asp:checkbox ID="lbl_Active" runat="server" AutoPostBack="true" OnCheckedChanged="chkIsActive_CheckedChanged" Checked='<%# Eval("IsEnabled") %>'></asp:checkbox>
                                        </ItemTemplate>
                                    </asp:TemplateField>

                                    <asp:TemplateField ItemStyle-Width="5%" HeaderText="Models" HeaderStyle-CssClass="header-center">
                                        <ItemTemplate>
                                            <asp:Button ID="img_Save" runat="server" OnClientClick="ShowModel()" CommandArgument='<%# Eval("CarBrandID") %>' CommandName="ShowCarModels" Width="100%"  Text="Display Models"  />
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                            </asp:GridView>
                        </ContentTemplate>  
                    </asp:UpdatePanel>  

我的JQuery用于复选框更改

  <script>
        $(document).ready(function () {

            $('input[id*=lbl_Active]').confirmOn('change', function (e, confirmed)
            {
                if (confirmed)
                {
                    alert("1")
                    $(this).remove();
                }
                else
                { // Clicked no
                    alert("2");

                }
            });

        });

    </script>

我在页面加载后只获得一次(第一次)确认框,如果我再次选中取消选中,则不会出现消息框。我希望每次单击复选框我都需要显示消息框。请帮帮我。

0 个答案:

没有答案