listview - 如何在 kendo ui 中为列表视图制作“重置排序”按钮

Question

我有一个ListView启用的列排序。我想制作一个重置按钮，它将重置列排序，并且ListView看起来与页面加载相同。类似于重新加载整个页面，但只是重新加载ListView.

这是我的代码：

 <button onclick="clearSorts()" style="float: right;" class="k-button" type="button" value="edit">Clear Sort</button>

$("#clearSorts()").click(function(e) {
     dataSource.sort({});
    });

Answer 1

dataSource.sort({})应该删除所有应用的排序

Answer 2

只需再次阅读 DataSource

 var grid = $("#ProposalGrid").data("kendoGrid");
                    grid.dataSource.page(1); // or
                     grid.dataSource.read();

Answer 3

我解决了这个错误。

 function clearSorts(e) {
        var grid = $("#ProposalGrid").data("kendoGrid");
       // grid.dataSource.page(1); // or
        grid.dataSource.sort({});