Question

我正在使用Telerik Extensions for 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扩展提供了一个名为＆＃34; OnDataBound＆＃34;的客户端事件。当网格是通过ajax或web-service绑定的数据时调用。（参考：Client Events for Telerik Extensions Grid

   @(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。

排序Telerik扩展网格时RowAction样式丢失

1 个答案: