在弹出对话框/窗口中打开包含在 GridView 中的 GridView答案

【问题标题】：Open a GridView contained within a GridView in a popup dialog/window在弹出对话框/窗口中打开包含在 GridView 中的 GridView
【发布时间】：2016-08-19 14:45:26
【问题描述】：

我目前正在使用一个数据非常丰富的视图，该视图在较大的主 GridView 的每一行中包含多个 GridView。为了使其更具移动可读性，我想在其中一列中添加一个按钮/链接，该按钮/链接将在弹出窗口/对话框中打开一个较大的网格，从而显着减少每一行所需的空间。

首先，我尝试打开一个新的弹出 HTML 窗口并复制隐藏的 GridView 代码。这不起作用，因为它会在移动设备上打开一个新选项卡，并且网格也必须在新窗口中取消隐藏。我还研究了 jQuery mobile，但我想避免为单个视图上的单个功能导入新的样式表和脚本库。最后，我尝试将 Grid 嵌套在扩展器中，这解决了长度问题而不是宽度问题。

我有什么好的选择可以在带有 jQuery、HTML、SharePoint 或 ASP.NET 功能的某种弹出窗口中有效地显示此网格吗？

这是我需要显示的字段的一些示例代码：

<asp:TemplateField HeaderText="Column">
    <ItemTemplate>
        <a href="#" class="createDialog">Show Popup</a>

        <div class="dialogue">
            <p>Need to display all of this..</p>
            <asp:GridView ID="" runat="server" AllowPaging="false" AutoGenerateColumns="false" BorderStyle="None"
                FooterStyle-CssClass="" OnRowDataBound="" ShowFooter="false" ShowHeader="false" Width="100%">
                <Columns>
                    <asp:TemplateField FooterStyle-CssClass="" ItemStyle-CssClass="">
                        <ItemTemplate>
                            <asp:Label ID="" runat="server" Text='<%# Eval("") %>'></asp:Label>
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
        </div>
    </ItemTemplate>
</asp:TemplateField>

【问题讨论】：

您的问题有很多可能的解决方案，但为什么不在主 GridView 中创建一个指向 \Popup.aspx?row=x 的链接。然后在 Popup.aspx 中创建一个 GridView，其中包含主网格中第 x 行中的所有内容？

标签： jquery asp.net sharepoint