在 C# 中创建选项卡式 Gridview

Question

我正在创建一个 Web 界面，当前从 XML 数据文件读取数据，将其解析为对象数组，然后将其绑定到 Gridview 的数据源。然后，我使用 和 从每列的对象中检索我想要的数据。

然而，我现在想在这个网格视图中有多个选项卡，可能由不同的链接按钮控制。每个选项卡将显示一组不同的列。

实现这一点的最佳方法是什么？我是否需要在页面中拥有三个单独的 GridView，并且仅显示用户选择的一个（基于对链接按钮的单击），同时隐藏所有其他 GridView？这看起来可能会不必要地缓慢。是否可以通过一个 GridView 来完成？

现在，整个 GridView 包含在 AJAX 更新面板中，代码如下：

<asp:Panel id="searchResultsGrid" runat="server" CssClass="searchResultsGrid">
    <asp:GridView id="gridViewSearchResults" runat="server" AutoGenerateColumns="false" 
                    AllowPaging="True" AllowSorting="True" 
                    PageSize="25" Width="920" PagerSettings-Visible="false">
    <Columns>
        <asp:templatefield headertext="Test Column 1 Tab 1" HeaderStyle-HorizontalAlign="Left">
            <itemtemplate>
                <%# GetColumnInfo() %>
            </itemtemplate>
        </asp:templatefield>
        <asp:templatefield headertext="Test Column 2 Tab 1" HeaderStyle-HorizontalAlign="Left">
            <itemtemplate>
                <%# GetColumnInfo() %>
            </itemtemplate>
        </asp:templatefield>
        <asp:templatefield headertext="Test Column 3 Tab 1" HeaderStyle-HorizontalAlign="Left">
            <itemtemplate>
                <%# GetColumnInfo() %>
            </itemtemplate>
        </asp:templatefield>
        <asp:templatefield headertext="Test Column 4 Tab 1" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">
            <itemtemplate>
                <%# GetColumnInfo() %>
            </itemtemplate>
        </asp:templatefield>
        <asp:templatefield headertext="Test Column 5 Tab 1" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">
            <itemtemplate>
                <%# GetColumnInfo() %>
            </itemtemplate>
        </asp:templatefield>
        <asp:templatefield headertext="Test Column 6 Tab 1" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">
            <itemtemplate>
                <%# GetColumnInfo() %>
            </itemtemplate>
        </asp:templatefield>
        <asp:templatefield headertext="Test Column 7 Tab 1" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">
            <itemtemplate>
                <%# GetColumnInfo() %>
            </itemtemplate>
        </asp:templatefield>                                                                                                    
    </Columns>
    <RowStyle CssClass="searchResultEntry borderTopGrey" />         
    <EmptyDataTemplate>
        <p class="searchResultsEmpty">
            <asp:Label ID="lblSearchResultsEmpty" runat="server" Text="No records matched the selected criteria.  Please revise your criteria and try again." CssClass="searchResultsEmpty"></asp:Label>
        </p>
    </EmptyDataTemplate>                
    </asp:GridView>
</asp:Panel>

这是我当前为一个 gridview 编写的代码，其中包含一个选项卡的内容。根据jdk的响应，我将如何为第二个和第三个选项卡添加其他TemplateFields，然后在单击选项卡链接按钮时在显示不同集之间切换？

谢谢！

Answer 1

当存在多个 GridView 时，页面 ViewState 字符串可能会变得非常（不必要）大（查看其生成的 HTML 源代码并搜索“__VIEWSTATE”来查看它）。正如您所说，您可以使用一个 GridView 控件，并根据最近单击的 LinkBut​​ton（又名“选项卡”）将适当的数据交换到其中。

如果这也是分页数据场景，你可以在ViewState中存储一个简单的三个整数数组，代表三组数据中每组数据的当前页码，这样在换入换出时就可以显示最新一页的数据一个 DataGrid 控件的。

但是，如果带宽不是问题（即，如果页面没有收到大量点击或在内联网上运行），则不必太担心优化它。

Answer 2

我以前也做过类似的事情。我使用了 GridView 的模板列。并在GridView中放置一个Ajax控件工具包选项卡控件。

Answer 3

我可能会创建一个自定义复合控件（作为选项卡式容器）并向其中添加网格视图。我不会把它捆绑在一起。