当两个网格位于同一页面时排序

Question

在我的页面上有两个 webGrid。当我单击一个网格对该列进行排序时，两个网格都会在该列上排序。对仅在一个列中进行排序根本不会排序。

我注意到排序的工作原理是使标题成为同一页面的链接，并在查询字符串中包含一列和一个方向。这说明两个网格都受到影响。我想知道 webGrid 是否有一些功能可以解决我的问题，或者我应该自己修复它。

我计划“自己修复它”的方法是首先通过设置 htmlAttributes 向表标签添加 id 属性。然后我将使用 jQuery 为每个 webgrid 查找此 id 并将该 id 合并到链接参数中。然后，当加载带有网格的页面时，我将根据这些参数强制设置要排序的列。

在我看来，webGrid 并不是设计为与另一个 webGrid 位于同一页面上的。然而，我觉得在我的情况下这是需要的。我更喜欢使用某种标准方式（内置或只是其他人使用的方式）。

所以问题是，最好的方法是什么？如果没有最好的方法，我的方法是不是一个好方法（我是否忘记了什么）？

提前致谢。

Answer 1

我认为您需要设置以下属性：

string fieldNamePrefix = null 
//The value which prefixes the default querystring fields

string pageFieldName = null 
//A value that replaces the default querystring page field 


var grid1 = new WebGrid(canPage: true,  canSort: true, ajaxUpdateContainerId: "grid1", fieldNamePrefix:"g1",pageFieldName: "p1");

var grid2 = new WebGrid(canPage: true,  canSort: true, ajaxUpdateContainerId: "grid2", fieldNamePrefix:"g2",pageFieldName: "p2");