Kendo ui 为多列排序向列标题添加列排序索引

Kendo ui 为多列排序向列标题添加列排序索引,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,是否通过标题模板或其他方式将索引标记放入列标题中?例如,如果我有一个带有一串a列的网格,用户单击“名称”列,然后单击“城市”列 我想在“名称”旁边放一个“1”,在“城市”旁边放一个“2”,以表示排序顺序。使用Headertemplates时,无法捕获“在呈现列标题之前”的事件。我有以下数据绑定事件,仍然可以满足您的要求: dataBinding: function(e){ var sortArray = $("#grid").data("kendoGrid").dataSource.

是否通过标题模板或其他方式将索引标记放入列标题中?例如,如果我有一个带有一串a列的网格,用户单击“名称”列,然后单击“城市”列


我想在“名称”旁边放一个“1”,在“城市”旁边放一个“2”,以表示排序顺序。

使用Headertemplates时,无法捕获“在呈现列标题之前”的事件。我有以下
数据绑定
事件,仍然可以满足您的要求:

 dataBinding: function(e){

    var sortArray = $("#grid").data("kendoGrid").dataSource.sort();                
    if(sortArray)
    {
    for(var i = 0;i < sortArray.length; i++)
    {

     $("#grid th[data-field=" + sortArray[i].field + "] .k-link").html("(" + (i+1) + ")" + sortArray[i].field ); 
    }

      var sortedColumns = sortArray.map(function(o){return o.field});

      var columns = $("#grid").data("kendoGrid").columns; 
     for (i in columns)
     {
        if(sortedColumns.indexOf(columns[i].field) == -1)
         $("#grid th[data-field=" + columns[i].field + "] .k-link").html(columns[i].field ); 
     }

    }

  }
数据绑定:函数(e){
var sortArray=$(“#网格”).data(“kendoGrid”).dataSource.sort();
如果(索塔雷)
{
for(var i=0;i

下面是剑道链接:

一个更简单的解决方案,类似于上面的
$('.field_sort_number').remove();
var sort_v=gridDataSource.sort();
if(sort_v)
对于(i=0;i}
这是一个伟大而聪明的解决方案!