如何使用HTML帮助程序对Kendo网格进行排序?

时间:2013-05-16 13:13:15

标签: kendo-ui

我使用Html助手实现了一个Kendo网格。一切都有效但排序,当我点击排序箭头时,它会思考并刷新相同的数据。

<div id="SearchResults">
            @{
                var grid = Html.Kendo().Grid<SearchCOESGridViewModel>();

                grid.Name("COESResultGrid")
                .Columns(columns =>
                {
                    columns.Bound(s => s.COESNo).Title(@SearchCOES.COESGridHeading);
                    columns.Bound(s => s.Postcode).Title(@SearchCOES.PostcodeGridHeading);
                    columns.Bound(s => s.AuditAuthNo).Title(@SearchCOES.AuditAuthGridHeading);
                    columns.Bound(s => s.COESNo).Title("").ClientTemplate("<a href='javascript:void(0)' data-id='#= COESNoValue #' class='edit-link'>" + @Grid.EditAction + "</a>").Sortable(false);

                });

                grid.DataSource(dataSource => dataSource
                    .Ajax()
                    .Sort(sort => sort.Add("COESNo").Ascending())
                    .Read(read => read.Action("SearchGridData", "PrepareCOES"))).AutoBind(false);


                grid.Pageable();
                grid.Sortable();

                @grid
            }
        </div>

如果我使用ajax数据绑定,如何进行排序?

分页工作正常。它只是排序似乎没有排序,我正在使用Chrome,我可以看到一个请求被发回,但没有排序发生

1 个答案:

答案 0 :(得分:1)

没关系,我刚刚解决了。我没有包含kendo.aspnetmvc.js脚本。我有kendo.web.js。但我需要两者。现在工作正常。