在jquery模式对话框中使用asp:gridview和添加新行按钮

Question

我有一个带有多个模板字段（用于下拉列表）的网格视图，如果我将其放置在我用作模式对话框的DIV之外，它就可以正常工作。网格有onrowdatabound和OnRowDeleting事件，另外还有一个按钮，用于向网格添加新行。当我试图将此网格移动到模式对话框时，“添加”按钮停止工作。点击事件以代码隐藏方式编码，不会触发。有人能帮我理解我该怎么处理吗？任何帮助都将不胜感激。先谢谢你

<div id="dialog" >

<asp:GridView ID="grPlan" runat="server" 
            ShowFooter="True" 
            AutoGenerateColumns="False"
            CellPadding="4" ForeColor="#333333" 
            GridLines="None"
            onrowdatabound = "GridView_RowDataBound"
            OnRowDeleting = "GridView_RowDeleting" >
    <Columns>
        <asp:BoundField HeaderText="ID" DataField="id" />
        <asp:TemplateField HeaderText="Program>">
            <ItemTemplate >
                <asp:DropDownList ID="ddlProgModal2" runat="server" AppendDataBoundItems="true" AutoPostBack="false" DataTextField="Prog" 
    DataValueField="ProgID" />
            </ItemTemplate >
        </asp:TemplateField>
        <asp:TemplateField HeaderText="EF">
            <ItemTemplate >
                <asp:DropDownList ID="ddlAnneeFiscaleModal2"  DataTextField="EtendueLong" DataValueField="EtendueLong" runat="server" 
                AppendDataBoundItems="true" AutoPostBack="false"/>
            </ItemTemplate >
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Approbations">
            <ItemTemplate >
                <asp:DropDownList ID="ddlApprobationModal2" runat="server" AppendDataBoundItems="true" AutoPostBack="false" 
    DataTextField="Approb" DataValueField="ApprobationID"/>
            </ItemTemplate >
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Fonds">
            <ItemTemplate >
                <asp:TextBox ID="txtFondsModal2" runat="server" AutoPostBack="false" MaxLength="15" Width = "120" onkeypress="return 
    validateFloatKeyPress(this,event);" />
            </ItemTemplate >
            <FooterStyle HorizontalAlign="Right" />
            <FooterTemplate>
                <asp:Button ID="ButtonAdd" runat="server" Text="Add" OnClick="ButtonAdd_Click" />            
            </FooterTemplate>
        </asp:TemplateField>
        <asp:CommandField ShowDeleteButton="True" />

    </Columns>
    <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
    <RowStyle BackColor="#EFF3FB" />
    <EditRowStyle BackColor="#2461BF" />
    <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
    <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
    <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="Black" />
    <AlternatingRowStyle BackColor="White" />

</asp:GridView>
</div>

$（“#对话框”）。对话框（{autoOpen:false，modal:false，width:600，height:520，resize:false，closeOnEscape:false，open:function（event，ui）{//debugger；$（.ui dialog titlebar close”）.hide（）；$（.ui dialog'）.css（“left”，“400px”）；$（.ui dialog”）；$（.ui dialog”）；$（.ui dialog”）.css（“position”，“absolute”）；}，标题：''，按钮：{取消：函数（）{$（this）.dialog（'close'）；}，'OK'：函数（）{$（this.dialog（'close'）；返回true；}）；

Answer 1

有三种方法可以做你想做的事情，

1） 将gridview包装在UpdatePanel中，然后将PostbackTrigger设置为添加按钮控件。

2）可以使用gridview。行命令事件。它处理gridview单元格内所有与按钮相关的事件。这里有更多关于它的信息

3） 您可以使用jquery强制按钮上的postback，使用\uuu dopostback（）单击此处提供更多信息。