带标签的JavaScript网格有什么用？

Question

我想在ASP.NET MVC中使用JavaScript框架显示3组表格数据。我知道我可以在选项卡中嵌入一个单独的网格，但这似乎效率低下，特别是涉及大型数据集时，因为我想要创建3个单独的网格。我还没有找到一个JavaScript数据网格，它模拟了电子表格对多个标签的作用。来自YUI的这个例子可能会接近：

http://developer.yahoo.com/yui/examples/datatable/dt_dynamicfilter_source.html

我对jQuery有点熟悉，但是愿意切换到任何使这个变得容易的框架。我真的不需要编辑数据。有什么建议吗？

编辑 ：我并不是说这是关于jQuery的。如其中一条评论所述，也许有关我的方案的一些细节会有所帮助。我想显示包含数千条记录的订购系统的表格数据。我想要3个标签：

1. 系统中输入的所有订单尚未付款。
2. 来自特定供应商的所有订单。
3. 已支付的所有订单。

由于每个类别都有数千行，我只想在用户开始分页时加载数据。

我认为有3个带有3个独立网格的标签（每个标签内有一个）不会有效。我实际上没有尝试过，所以我可能会过早地进行优化。我正在寻找内置标签支持的网格。我不认为jQuery有一个。也许ExtJS？

Answer 1

jQuery Grid是人们经常使用的东西。我用它并且非常好。

jqGrid Link

我不会绘制带有三个标签的网格。我使用带有制表符控件的单个网格，然后根据需要通过jQuery加载数据。

或者可能有三个PartialViews，你可以在点击标签时动态加载。

Answer 2

由于您使用Ext JS标记了这一点，我将提到使用Ext JS将网格渲染到标签中非常简单。它还支持延迟加载/渲染，因此最初只加载第一个选项卡/网格，然后在第一次访问时加载其他选项卡/网格。在不知道您的具体要求的情况下，很难进一步评论。

编辑（基于已编辑的问题）：外部网格不直接支持标签，但它们可以嵌入TabPanel中，正如我所提到的相同效果。但是，根据您的描述，这对我来说听起来更像是一个过滤方案。当只有一个网格可见时，我没有看到多个网格的开销，并且每个网格的目的是显示相同数据的特定视图（即过滤器）。我只有一个带有工具栏的网格或其他一些在过滤器之间提供切换的方法，并使用Ext的内置存储过滤/查询来按需创建视图。 Ext网格支持开箱即用（客户端或服务器，在您的情况下，它将是数千条记录的服务器）。还有一个非常流行的名为LiveGrid的插件，它提供大型数据集的虚拟滚动分页。

我不一定在任何其他框架上提倡Ext - 我碰巧最熟悉它，我认为它可以很好地解决你的问题。我建议你自己试一试。

Answer 3

您也可以使用dhtmlx grid.

Answer 4

您可以使用JS tab object创建标签。

使用javascript grid framework创建网格并将数据填充到网格中。