asp.net-mvc-4 - 始终显示 Kendo 网格中选定的第一行

Question

我正在开发一个使用 Kendo Grid 的 mvc4 项目。我希望用户看到默认选择的网格的第一行。我有很多行，所以我使用分页。当用户转到第 2,3,...40 等页时，我还想看到所选的每个页面的第一行。下面是我创建网格的代码

<%: Html.Kendo().Grid(Model)
            .Name("AuthorisationsGrid")
            .Columns(columns =>
             {
                 columns.Bound(p => p.Mis).Title("MIS").Width(80);
                 columns.Bound(p => p.AuthorisationSerialNumber).Title("ΑΑ Προέγκρισης");
             })
             .Pageable()
             .Sortable()
             .Filterable()
             .Selectable(s => s.Mode(GridSelectionMode.Single))
             .Resizable(resize => resize.Columns(true))
             .DataSource(dataSource => dataSource
                .Ajax()
                .ServerOperation(false)
                .Model(model => model.Id(p => p.AuthorisationSerialNumber))
                .Model(model => model.Field(p => p.Mis))
                .Batch(true)
                .Read(read => read.Action("AuthorisationsPartial", "UserFilesDashboard")))%>

我怎样才能实现上述行为？也许 jQuery 可能有用(但我对 jQuery 知之甚少)。任何帮助表示赞赏。预先感谢您。

Answer 1

确实，您可以使用 dataBound Grid 和 jQuery 的事件，将 k-state-selected 类添加到 Grid tbody 中的第一个 tr 元素。

这是一个例子:

$('#GridName').data().kendoGrid.bind('dataBound',function(e){
    this.element.find('tbody tr:first').addClass('k-state-selected')
})