检索已排序的可手动实例内的隐藏标头

使用时手动表 http://handsontable.com，似乎很难从上下文菜单中检索行的标题。

考虑以下数据源：

var data = function () {
 return [["1212", "roman", "i", "ii", "iii"],
         ["3121", "numeric", 1, 2 ,3],
         ["4126", "alpha", 'a', 'b', 'c']];
};

可以创建一个 Handsontable 实例，它显示除前两“列”之外的所有数据，并且具有如下上下文菜单：

// Settings to display all columns but the first two
var dataCols = []
for(var i=2; i<data()[0].length; i++) {
  dataCols.push({ data: i })
}

// Instance creation
var hot = new Handsontable(container, {
  data: data(),
  height: 396,
  colHeaders: true,
  rowHeaders: false,
  columns: dataCols,
  stretchH: 'all',
  columnSorting: true,
  contextMenu: {
    callback: function(key, options) {
      switch(key) {
      case 'header_pls':
        // TODO retrieve the "hidden header" from here    
        break;
      }
    },
    items: {
      "header_pls": {
        name: "Header please?"
      }
    }
  },
});

The options上下文菜单回调中的参数由两个对象组成，start and end，两者都有一个row and a col财产。

让我们保持简单并假设始终会选择一个单元格：start and end是同一个对象。

然后可以使用 Handsontable 的方法从数据源（而不是绑定到实例的数据）检索标头getSourceDataAtRow.

这可以解决问题，但是当通过单击列标题对表进行排序时，数据源中的行号和绑定到实例的数据不再相同。

这是一个例子 http://jsfiddle.net/upc4mcd0/1/这表明了问题所在。

一旦表已排序，就不可能检索行的前两个元素之一。

我错过了什么？

我认为你的问题归结为如何在排序后获得真实的（物理）索引。如果我错了，请纠正我，因为这个答案是围绕这一点展开的。

以下是您需要了解的内容：当您使用内置排序器时，Handson 实际上不会对您的数据数组进行排序。这是默认行为，可能对您有用，也可能没有用。无论如何，从那时起，每个内部方法都使用所谓的“逻辑索引”，它只是新的排序索引。然后，内部方法在尝试访问数据点时使用从逻辑索引到物理索引的转换。

在您的情况下，您希望根据逻辑索引检索物理索引，以便可以正确访问数据。这可以使用一个简单的函数来完成：

physicalIndex = instance.sortIndex[logicalIndex][0];

有了这些信息，您应该能够添加一些逻辑，以便每当您尝试访问数据时，只需确保使用此转换后的物理索引即可；就我而言，我只是检查一下instance.sortIndex不是未定义的（我认为排序之前就是这种情况），并且每隔一段时间就分配这个索引，因为即使没有排序，logicalIndex == physicalIndex.

希望有帮助！