在 Gridview 中显示 Gridview

Posted 2023-04-13

【中文标题】在 Gridview 中显示 Gridview

【英文标题】：Show Gridview inside a Gridview

【发布时间】：2018-05-31 17:04:16

【问题描述】：

我有一个包含 2 列（[+] 和 [data]）的 gridview。单击 [+] 符号时，它会在同一网格视图内打开一个网格视图。

现在，在子网格视图中，我有一个链接按钮，单击该按钮会显示一些数据。在回发时，gridview 保留其原始位置，我想按原样显示子 gridview。

代码。

<asp:GridView ID="grvNeverTouchedQuartile" class="form-table" Width="100%" OnRowCommand="grvNeverTouchedQuartile_RowCommand"
                                                                AutoGenerateColumns="false" runat="server" OnRowDataBound="grvNeverTouchedQuartile_RowDataBound"
                                                                DataKeyNames="QuartileType">
                                                                <Columns>
                                                                    <asp:TemplateField>
                                                                        <ItemTemplate>
                                                                            <%--<asp:LinkButton ID="lnkbtnNTQuartile" runat="server" Text='<%# Eval("Quartile") %>'
                                                                        CommandArgument='<%# Eval("QuartileType") %>' CommandName="NeverTouched"></asp:LinkButton>--%>
                                                                            <img  style="cursor: pointer" src="../images/plus.png" />
                                                                            <asp:Panel ID="pnl_NTChildGrid" runat="server" Style="display: none">
                                                                                <table>
                                                                                    <tr>
                                                                                        <td>
                                                                                            <div style="overflow: auto;">
                                                                                                <asp:GridView ID="grdNTInsuranceData" runat="server" AutoGenerateColumns="false" OnRowCommand="grdNTInsuranceData_RowCommand">
                                                                                                    <Columns>
                                                                                                        <asp:TemplateField HeaderText="Insurance Name">
                                                                                                            <ItemTemplate>
                                                                                                                <asp:Label ID="lblNTQuartileType" runat="server" Text='<%# Eval("QuartileType") %>' Visible="false"></asp:Label>
                                                                                                                <asp:Label ID="lblNTInsuranceName" runat="server" Text='<%# Eval("InsuranceName") %>' Visible="false"></asp:Label>
                                                                                                                <asp:LinkButton ID="lnkbtnNTInsuranceQuartile" runat="server" Text='<%# Eval("InsuranceNameDetails") %>'
                                                                                                                    CommandArgument='<%# ((GridViewRow) Container).RowIndex %>' CommandName="NeverTouchedInsurance"></asp:LinkButton>
                                                                                                            </ItemTemplate>
                                                                                                        </asp:TemplateField>
                                                                                                    </Columns>
                                                                                                </asp:GridView>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                </table>
                                                                            </asp:Panel>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField HeaderText="Quartile[Count - $Value]">
                                                                        <ItemTemplate>
                                                                            <asp:Label ID="lblNTQuartile" runat="server" Text='<%# Eval("Quartile") %>'></asp:Label>
                                                                            <%--<asp:LinkButton ID="lnkbtnNTQuartile" runat="server" Text='<%# Eval("Quartile") %>'
                                                                        CommandArgument='<%# Eval("QuartileType") %>' CommandName="NeverTouched"></asp:LinkButton>--%>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                </Columns>
                                                            </asp:GridView>

提前致谢！！！

【问题讨论】：

你试过code吗？然后在此处提供以获得更好的帮助。

@Aria，我已经编辑了我的问题。请看一下。

所以你说你的主要问题是点击子网格中的链接按钮后刷新页面并关闭刷新子网格？

@Aria 是的。

我的回答给你线索了吗？

【参考方案1】：

有一些方法（这不是代码，这只是我的建议，互联网上有代码或基于经验）所以我认为您可以使用以下情况之一：

1- 您应该使用UpdatePanel 来防止刷新页面并将网格放在UpdatePanel 中，示例如下：

<asp:UpdatePanel ID="panelId" UpdateMode="Conditional" runat="server"  >
    <ContentTemplate>
     <asp:GridView ID="gvPrList" runat="server" AutoGenerateColumns="false" AllowPaging="false"
           AllowSorting="false" CssClass="list-table" HeaderStyle-CssClass="header">
           <Columns>
         <ItemTemplate>
                    <asp:LinkButton ID="lnkbtnNTInsuranceQuartile" runat="server" Text='<%# Eval("InsuranceNameDetails") %>'
                                                                                                                   CommandArgument='<%# ((GridViewRow) Container).RowIndex %>' CommandName="NeverTouchedInsurance"></asp:LinkButton>
               </ItemTemplate>
           </asp:TemplateField>
       </Columns>
</asp:GridView>
</ContentTemplate>
</asp:UpdatePanel>

2- lnkbtnNTInsuranceQuartile 的 runat 是 server 在单击后将发生主要回发，因此页面会为此刷新，您可以将 lnkbtnNTInsuranceQuartile 更改为 html 元素，例如 <div><a class="x">click here</a><span class="detail"/></div> 和然后不是lnkbtnNTInsuranceQuartile，而是点击使用ajax，然后更新详细信息跨度类似：

    $('.x').click(function () 
    var $me = this;
    $.ajax(
        url: 'Your Web Method address',
        data:  youData,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) 
            //update span here
            $me.parent().find('.details.'.html(your response);
        ,
        error: function (x, e)  
        
    );
);

3- 使用客户端网格而不是 ASP.Net GridView

4- 将折叠的th 的 ID 添加到 localstorage 中，并在页面加载后再次打开它...

5- 等等...

以上三个步骤都可以根据你的场景来实现...

希望能帮到你