如何在datatacle中显示实际项目的索引?

时间:2016-10-05 16:42:38

标签: javascript html templates drag-and-drop webix

在我的应用程序中,我需要在第一个数据表列中显示数据条目的索引,它必须在DnD之后工作(所以我想应该动态刷新列)。但是如何在Webix数据表中实现呢?

目前,我可以使用getIndexById手动获取索引,但此方法在列模板中不起作用。例如:

/* inside the config */
  drag:true, 
  columns:[    
    { id:"index", template:function(obj){
      console.log(obj.id);
      // doesn't work:
      // console.log(datatable.getIdByIndex(obj.id)); 
    } },
    { id:"id" },       
    { 
      id:"title", fillspace:true, sort:"string"     
    }
  ],
  ready:function(){
    this.eachRow( 
      function (row){ 
        console.log( this.getIndexById(row) ) // works
      }
    ) 
  }
});

/* somewhere else */
console.log(datatable.getIdByIndex(4));

Code sample

这有可能吗?感谢。

1 个答案:

答案 0 :(得分:0)

要获取行索引(数据输入),必须将索引模板定义为:

template: function(obj){
    return $$("dt").getIndexById(obj.id); }

其中" dt"是您的数据表的ID。它会在您执行任何DnD操作时自动更改索引。此外,请检查代码段here