Question

我试图弄清楚如何在分组时对列进行自定义排序。这是一个截图，描述了我希望如何工作：

enter image description here

在屏幕截图中，我通过＆＃34; 状态＆＃34;来默认分组。柱。该列有四个可能的值：不安全|隔离|放弃了|异常即可。正常排序按字母顺序排序，但我希望只对＃34; 状态＆＃34;进行分组排序。列按不安全|排序隔离|放弃了|异常即可。是否可以只对列进行分组排序＆＃34; Status＆＃34;按照我描述的顺序？

如果无法做到这一点，我的选择是什么？谢谢！

Answer 1

这可以通过返回一个带有数据的计算字段来实现，该数据是表示排序中项目顺序的数值。然后按计算字段分组，但在组头中显示状态值。

我使用黑客来实现这一点，它基本上是这样的：

在控制器中：

foreach (MyCustomModelitem in MyCustomModel)
{
    item.CustomGroupField= item.Status+ "_@@" + MyGetSortIndexForStatus(item.Status).ToString();
}

在视图中

.Columns(columns =>
{   
    columns.Bound(t => t.CustomGroupField).Width(185).Title("Status")
      .ClientGroupHeaderTemplate("# var a = value.split('_@@')  # #=a[0]#")   
      .ClientTemplate("${Status}")
      .Filterable(filterable => filterable.UI("customFieldFilter"));      
})
....
.DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(750)  
    .Read(read => read.Action("GetSummaryData", "MyContgroller", @Model))
    .ServerOperation(true)           
    .Group(grp =>
     {
         if(!String.IsNullOrEmpty(@Model.Groups))
             foreach(string g in @Model.Groups.Split(','))           
                 grp.Add(g, typeof(string));
     })
 )

可选的自定义下拉列表

function customFieldFilter(element) {
    if (element == null) return;
    element.kendoDropDownList({
        dataTextField: "Status",
        dataValueField: "CustomSortField",                
        dataSource: {
            transport: {                       
                read: "@Url.Action("GetMyStatuses", "MyController")"
            }
        }
    });

Answer 2

我最终如何实现这一点是为这个属性创建一个枚举，它按我想要的自定义顺序排序。然后，我只使用.ClientTemplate()和.ClientGroupHeaderTemplate()将这些值转换为正确的字符串。

Kendo Grid自定义分组排序顺序

2 个答案: