asp.net mvc - 排序 Telerik 扩展网格时丢失的行操作样式

Question

我正在使用来自Telerik Extensions的网格控制来 ASP.NET MVC。我已经使用 Ajax 绑定在部分视图中加载了网格。对网格列进行排序时，RowAction 中指定的样式将丢失。

 @(Html.Telerik().Grid<MySite.DTO.CaseDto>(Model.Cases)
                .Name("CasesGrid")
                .HtmlAttributes(new { style = "width: 1000px;" })
                .DataBinding(dataBinding => dataBinding.Ajax()            
                    .OperationMode(GridOperationMode.Client)         
                    .Select("DI_UrgentCases_AjaxRead", "Dashboard")
                )

我正在使用 RowAction 根据特定单元格的值突出显示某些行。

    .RowAction(row =>
                         {
                             if (row.DataItem.IsUrgent)
                             {
                                 row.HtmlAttributes["style"] = "background:#FFBABA";
                             } 
                         })

我尝试了 http://www.telerik.com/forums/ajax-binding-and-rowaction-conflict 中给出的建议 - 但它没有奏效。我尝试在客户端重新绑定网格，但是当我这样做时，排序的网格出现在新页面中，而不是在部分视图中。

请帮忙！

Answer 1

最后，我找到了解决问题的方法。我的问题是每次对网格进行排序时，所有渲染和事件绑定都会丢失。每次使用 ajax 绑定重新绑定网格时，它只返回数据并加载到网格中。为了保留任何 css 样式和事件绑定，我必须再次应用 css 并在数据绑定到网格后重新绑定事件。

Telerik扩展提供了一个名为"OnDataBound"的客户端事件，当网格通过ajax或Web服务进行数据绑定时，将调用该事件。（参考：Telerik 扩展网格的客户端事件

   @(Html.Telerik().Grid<MySite.DAL.DTO.UserDto>(Model.Users)
                .Name("MyUsersGrid")                   
                .ClientEvents( events =>   events.OnDataBound("grid_OnDataBound"))
function grid_OnDataBound(e) { code for rebind, apply css...}

然后在函数 grid_OnDataBound（） 中，我们可以定义代码来重新绑定事件，并在数据绑定时引发此事件时应用 css。