使用Ajax在ASP.NET MVC中异步排序GridView

我正在使用WebGrid在客户端显示数据， canSort: true设置为canSort: true 。

视图代码是：

 @model UI.Models.TestModel @if (Model.listTestModel != null) { var grid = new WebGrid(Model.listTestModel, null, defaultSort: "ColumnA", rowsPerPage: 25, canPage: true, canSort: true ); @grid.GetHtml( mode: WebGridPagerModes.All, columns: grid.Columns ( grid.Column(columnName: "ColumnA", header: "ColumnA"), grid.Column(columnName: "ColumnB", header: "ColumnB") ) ) } 

我可以通过单击列标题对数据进行排序。

问题：

如何使用Ajax异步对WebGrid进行排序？

Answer 1

感谢杰米邓斯坦指出这一点。

需要确保整个WebGrid代码位于具有唯一ID的div内。 此外，在启用Javascript时引用jQuery。

  
 @model UI.Models.TestModel @if (Model.listTestModel != null) { var grid = new WebGrid(Model.listTestModel, null, defaultSort: "ColumnA", rowsPerPage: 25, canPage: true, canSort: true, ajaxUpdateContainerId: "unique id goes here" ); @grid.GetHtml( mode: WebGridPagerModes.All, columns: grid.Columns ( grid.Column(columnName: "ColumnA", header: "ColumnA"), grid.Column(columnName: "ColumnB", header: "ColumnB") ) ) } 
  

请注意，由于折旧 ， .live函数将替换为.on