api - AnyChart 7.12.0 甘特图移动行事件不包含索引

Question

我尝试使用此处包含的移动示例，并且 e.itemIndex 未定义。我对 e 对象的初步探索未能找到项目索引属性。我想知道被移动项目的旧索引和项目的新索引。

var tree = anychart.data.tree(getData(), anychart.enums.TreeFillingMethod.AS_TABLE);
    tree.listen(anychart.enums.EventType.TREE_ITEM_MOVE, function(e){
        chart.title.text("The "+e.itemIndex+" item was moved");
    });

在这里查看我的小提琴：http: //jsfiddle.net/ax2t5hvt/

Answer 1

需要一些技巧，保存索引：

  chart.listen(anychart.enums.EventType.ROW_MOUSE_DOWN, function(e) {
    var treeDataItem = e.item;
    absoluteSourceIndex = treeDataItem.meta('index');
  });

然后你像这样：

  treeData.listen(anychart.enums.EventType.TREE_ITEM_MOVE, function(e) {
    /*
        Event e contains the following useful fields:
      e.type - Event type
      e.item - Moved item.
      e.target - Target data item that becomes a parent of the moved item.
        If is null, the parent is tree itself and moved item becomes root.
      e.targetIndex - Index of moved item in target item 
        (or in roots of tree if e.target is null)  
      e.source - Source data item, where the item moved from.
      e.sourceIndex - Old index of the moved item of the previous parent.
    */

    var treeDataItem = e.item;
    alert('Old absolute index: ' + absoluteSourceIndex + '\n' +
        'New absolute index: ' + treeDataItem.meta('index') + '\n' +
        'Old index in old parent tree data item: ' + e.sourceIndex + '\n' +
        'New index in new parent tree data item: ' + e.targetIndex);
  });

这是一个工作示例：https ://jsfiddle.net/mhm7hbsb/1/