how to make "reset sorting" button for listview in kendo ui

Question

I have a ListView with enabled column sorting. I want to make a reset button which will reset the column sorting and the ListView will look same as on page loading. Similar to reloading the entire page, but just reloading the ListView.

This Is my code:

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

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

score 1 · Answer 1 · edited Mar 04 '14 at 14:06

1

dataSource.sort({}) should remove all the sorting applied

edited Mar 04 '14 at 14:06

OnaBai

40,767
6
96
125

answered Mar 04 '14 at 13:38

knikolov

1,650
1
12
18

See [`filter`](http://docs.telerik.com/kendo-ui/api/framework/datasource#methods-filter) for more information – OnaBai Mar 04 '14 at 14:08
I have code like this: $("#clearSorts()").click(function(e) { dataSource.sort({}); }); Where is my error, because it does not work this way. – user3378624 Mar 05 '14 at 10:38

score 0 · Accepted Answer · answered Mar 05 '14 at 20:17

0

Just read the DataSource again

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

answered Mar 05 '14 at 20:17

CSharper

5,420
6
28
54

score 0 · Answer 3 · edited Aug 03 '15 at 21:31

0

I solved this error.

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

edited Aug 03 '15 at 21:31

Mark

2,380
11
29
49

answered Mar 07 '14 at 10:51

user3378624

5
1
7

how to make "reset sorting" button for listview in kendo ui

3 Answers3