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

时间:2016-08-19 14:45:27

标签: jquery asp.net sharepoint

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

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

在jQuery,HTML,SharePoint或ASP.NET功能的某个弹出窗口中,我是否有任何好的选项可以有效地显示此Grid?

以下是我需要显示的字段的示例代码:

<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>

1 个答案:

答案 0 :(得分:0)