按钮单击在updatepanel内的GridView内部不起作用

Question

I have a div that has a gridview inside an updatepanel, that I use bootbox.js to show modal. Inside the gridview is an itemtemplate with an asp.net button "Button1" which I need to click to edit the row after modalpopup but this doesnt fire Please what am I missing

<div id="userForm"  class="form-horizontal" style="display:none;width:100%;border:solid 0px;" >
        <input ID="btnshowRun" type="button" Value="Show Leave" class="btn btn-warning " style="float:lefts;" OnClick ="showhide();"/>

       <asp:UpdatePanel ID="UpdatePanel5" runat="server" style="display:none;">
            <ContentTemplate>
                <asp:GridView ID="GridView2" runat="server" AllowSorting="False" 
                    AutoGenerateColumns="False" DataKeyNames="EntryID"
                    EmptyDataText="There are no data records to display."
                    ShowFooter="False" HorizontalAlign="Center" OnRowCommand="gvl_RowCommand"
                    ShowHeaderWhenEmpty="True" CssClass="table table-striped table-bordered table-hover table-responsive table-condenseds " Width="100%" GridLines="None">
                    <Columns>
                        <asp:TemplateField HeaderText="Total" SortExpression="Total">
                            <EditItemTemplate>
                                <asp:TextBox ID="tot" runat="server" Text='<%# Bind("Total") %>' class="form-control"></asp:TextBox>
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:Label ID="Label4" runat="server" Text='<%# Bind("Total") %>'></asp:Label>
                            </ItemTemplate>
                            <ItemStyle HorizontalAlign="Center" />
                        </asp:TemplateField>
                        <asp:TemplateField ShowHeader="False">
                            <EditItemTemplate>
                                <asp:LinkButton ID="CommandButton" runat="server" CommandArgument='<%# Eval("EntryID") %>' UseSubmitBehaviour=true CausesValidation="False"
                                    CommandName="Update" OnCommand="Updates_Command" Text="Update" class="btn btn-primary btn-sm contrl" Style="margin-right: 10px;"
                                    />
                                &nbsp;<asp:LinkButton ID="Button2" runat="server" CausesValidation="False" CommandName="Cancel" class="btn btn-warning btn-sm contrl" Style="margin-right: 10px;"
                                    Text="Cancel" />
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:LinkButton ID="Button1" runat="server" CommandArgument='<%# Eval("EntryID") %>' class="form-control btn btn-default btn-blocks contrl btn-sms"
                                    CommandName="Edit" OnCommand="Button1_Command" Text="Edit" />
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    <HeaderStyle HorizontalAlign="Center" Font-Bold="True" ForeColor="Black"></HeaderStyle>
                </asp:GridView>
            </ContentTemplate>
           </asp:UpdatePanel>
    </div>

Answer 1

The problem with modals is that they usually place the contents outside of the <form> tag. And then the Buttons do not work anymore.

Replace the Buttons with LinkButtons. They perform a PostBack with JavaScript and will work from a Modal.

Answer 2

我没有处理rowediting事件，因此在firefox中检查开发人员视图时遇到错误。现在它可以触发我进行编辑，但是在第二次单击链接按钮后才启用编辑功能。