Kendo UI jQuery版TreeList能否自定义排序及接管列排序事件？

当然可以自定义Kendo UI jQuery TreeList的排序操作，完全能接管列选中触发的排序事件，具体实现方式如下：

1. 监听sort事件接管全局排序逻辑 #

通过绑定TreeList的sort事件，可拦截默认排序行为，执行自定义逻辑。示例代码：

$("#treelist").kendoTreeList({
  columns: [
    { field: "name", sortable: true },
    { field: "age", sortable: true }
  ],
  dataSource: {
    data: [/* 你的本地数据集合 */]
  },
  sort: function(e) {
    // 阻止默认排序行为
    e.preventDefault();
    
    // 获取当前排序的字段与方向
    var sortField = e.sort.field;
    var sortDir = e.sort.dir;
    
    // 手动处理本地数据排序（示例为字符串不区分大小写排序）
    var dataSource = this.dataSource;
    var data = dataSource.data();
    
    data.sort(function(a, b) {
      var valA = a[sortField].toLowerCase();
      var valB = b[sortField].toLowerCase();
      return sortDir === "asc" ? valA.localeCompare(valB) : valB.localeCompare(valA);
    });
    
    // 更新数据源视图
    dataSource.data(data);
  }
});

2. 针对特定列设置自定义排序规则 #

如果仅需对某列单独定义排序逻辑，可在列配置中通过compare函数实现：

$("#treelist").kendoTreeList({
  columns: [
    { 
      field: "name", 
      sortable: {
        compare: function(a, b) {
          // 自定义比较规则：按名称长度排序
          return a.name.length - b.name.length;
        }
      }
    },
    { field: "age", sortable: true }
  ],
  dataSource: { /* 数据源配置 */ }
});

3. 远程数据场景下的自定义排序 #

若TreeList使用远程数据源，可在sort事件中修改排序参数后手动触发数据请求：

$("#treelist").kendoTreeList({
  dataSource: {
    transport: {
      read: {
        url: "/your-api-endpoint",
        dataType: "json"
      }
    },
    schema: { /* 数据结构映射配置 */ }
  },
  sort: function(e) {
    e.preventDefault();
    var dataSource = this.dataSource;
    
    // 自定义排序参数（示例：反转默认排序方向）
    dataSource.sort({
      field: e.sort.field,
      dir: e.sort.dir === "asc" ? "desc" : "asc"
    });
    
    // 手动触发远程数据读取
    dataSource.read();
  }
});

内容的提问来源于stack exchange，提问作者iljon