在 ModalPopupExtender 中绑定 gridview

Question

我在互联网上搜索过这个话题，但一无所获。要么我很难用措辞表达我的问题，要么我做错了其他人从未尝试过的事情...

我有一个网格视图。我在 gridview 中使用一个按钮来执行打开 ModalPopupExtender 的命令。那部分效果很好。打开弹出窗口后，我希望能够按下一个按钮来执行一个函数，该函数将执行 Sql 查询并绑定弹出面板内部的 gridview。之后，用户可以使用 gridview 执行关闭模式弹出窗口的操作。

这是我的 HTML -

<cc1:ModalPopupExtender runat="server" ID="MPE_Issue" PopupControlID="pnlIssue" BackgroundCssClass="ModalPopupBG"
            TargetControlID="Hid_Sno" CancelControlID="btnIssueCancel">
        </cc1:ModalPopupExtender>
        <asp:Panel ID="pnlIssue" runat="server" Style="display: none" >
            <div class="HelloPopup">
                <div>
                    <br />
                    <h2>&nbsp;&nbsp;&nbsp;Issue Equipment</h2>
                    <br />
                    <asp:Panel runat="server" ID="pnlIssueSearch" DefaultButton="btnIssueSearch">
                        <div class="block" style="text-align: right; margin-left: 50px">
                            <asp:Label CssClass="lblBlock" runat="server" ID="lblIssueSearch" Text="Search:"></asp:Label>
                        </div>
                        <div class="block">
                            <asp:TextBox runat="server" ID="txtIssueSearch" Width="160px"></asp:TextBox>
                            <asp:ImageButton runat="server" ID="btnIssueSearch" ImageUrl="../Images/search.png" OnClick="btnIssueSearch_Click" />
                        </div>
                    </asp:Panel>
                    <asp:Panel runat="server" ID="pnlIssueSubmit" DefaultButton="btnIssueSubmit">
                        <div style="width: 275px; margin: auto; height: 295px; overflow: scroll;">
                            <asp:GridView runat="server" ID="gvIssue" AutoGenerateColumns="false" CssClass="mGrid" OnRowCommand="gvIssue_RowCommand">
                                <Columns>
                                    <asp:TemplateField HeaderText="Qty">
                                        <ItemTemplate>
                                            <asp:TextBox ID="txtIssueQty" runat="server" Text='<%# Bind("QTY") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:BoundField HeaderText="Assignment" DataField="FIRST_NAME" />
                                </Columns>
                            </asp:GridView>
                        </div>
                        <div class="center">
                            <asp:Button runat="server" ID="btnIssueSubmit" Text="Issue" OnClick="btnIssueSubmit_Click" />
                            <input type="button" id="btnIssueCancel" value="Cancel" />
                        </div>
                    </asp:Panel>

和代码隐藏 -

    protected void gv1_RowCommand(object sender, GridViewCommandEventArgs e)
        {
            if (e.CommandName == "issue")
            {
                GridViewRow gvr3 = (GridViewRow)(((ImageButton)e.CommandSource).NamingContainer);
                string itemNo = ((Label)gvr3.Cells[0].FindControl("lblItemNo")).Text;
                btnIssueSubmit.Visible = false;
                txtIssueSearch.Text = "";

                MPE_Issue.Show();

            }        
    protected void btnIssueSearch_Click(object sender, ImageClickEventArgs e)
    {
        string query = "SELECT QTY, NEW_EMP_ID as NAME FROM TRANSACTION_TRACKING WHERE NEW_EMP_ID = @inputINT";
        string inputString = "%" + txtIssueSearch.Text + "%";
        int inputINT = Convert.ToInt32(txtIssueSearch.Text);

        SqlConnection con = new SqlConnection(CS);
        SqlDataAdapter da = new SqlDataAdapter(query, con);
        SqlParameter parameter = new SqlParameter("inputString", inputString);
        SqlParameter parameter2 = new SqlParameter("inputINT", inputINT);
        da.SelectCommand.Parameters.Add(parameter);
        da.SelectCommand.Parameters.Add(parameter2);

        DataSet ds = new DataSet();
        da.Fill(ds);
        gvIssue.DataSource = ds;
        gvIssue.DataBind();

        btnIssueSubmit.Visible = true;

        MPE_Issue.Show();

    }

EDIT/SOLUTION 我正打算错误地解决这个问题。我想覆盖 asp.net 的性质，而不是顺其自然地系统地解决问题。为了解决这个问题，我将数据绑定更改为它自己的方法，并让面板中的按钮激活该方法，将弹出控件设置为 Open()，并将布尔值从 false 设置为 true。然后在 page_load 我有一个检查布尔值的事件，如果它是真的则自动执行数据方法（因此文本框中有一个搜索参数）。

感谢大家的建议和帮助。

Answer 1

如果您将 pnlIssueSubmit 设为 UpdatePanel，然后在 btnIssueSearch 上执行异步post返回触发器，这不会解决您的问题吗？因为您的 imageButton 需要返回 post 才能刷新您的网格，但随后您将失去模态。像这样：

<asp:UpdatePanel id="pnlIssueUpdate" runat="server">
<ContentTemplate>
    <asp:Panel runat="server" ID="pnlIssueSubmit" DefaultButton="btnIssueSubmit">
        <div style="width: 275px; margin: auto; height: 295px; overflow: scroll;">
            <asp:GridView runat="server" ID="gvIssue" AutoGenerateColumns="false" CssClass="mGrid" OnRowCommand="gvIssue_RowCommand">
                <Columns>
                    <asp:TemplateField HeaderText="Qty">
                        <ItemTemplate>
                            <asp:TextBox ID="txtIssueQty" runat="server" Text='<%# Bind("QTY") %>'></asp:TextBox>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField HeaderText="Assignment" DataField="FIRST_NAME" />
                </Columns>
            </asp:GridView>
        </div>
        <div class="center">
            <asp:Button runat="server" ID="btnIssueSubmit" Text="Issue" OnClick="btnIssueSubmit_Click" />
            <input type="button" id="btnIssueCancel" value="Cancel" />
        </div>
    </asp:Panel>
</ContentTemplate>
<Triggers>
    <asp:asyncPostBackTrigger ControlID="btnIssueSearch" />
</Triggers>

Answer 2

我正打算解决这个问题。我想覆盖 asp.net 的性质，而不是顺其自然地系统地解决问题。为了解决这个问题，我将数据绑定更改为它自己的方法，并让面板中的按钮激活该方法，将弹出控件设置为 Open()，并将布尔值从 false 设置为 true。然后在 page_load 我有一个检查布尔值的事件，如果它是真的则自动执行数据方法（因此文本框中有一个搜索参数）。

在 ModalPopupExtender 中绑定 gridview

Binding a gridview INSIDE ModalPopupExtender

c#

asp.net

ajax

gridview

modalpopupextender