从自定义下拉列表中获取列标题

Question

我有一个带有一些自定义下拉列表的标题的 Handsontable。

这是他们的样子：

var txt= "<select id='Value_0'><option value='None'>N/A</option><option value='Name'>Name</option><option value='Long/E'>N/Lat</option><option value='Lat/N'>E/Long</option><option value='State'>State</option><option value='Zone'>Zone</option><option value='Hem'>Hem</option></select>";

hot2 = new Handsontable(container2, {
    data:d,
    columns: [
      {renderer: customRenderer},
      {renderer: customRenderer},
      {renderer: customRenderer},
      {renderer: customRenderer},
      {renderer: customRenderer},
      {renderer: customRenderer},
      {renderer: customRenderer},
      {renderer: customRenderer}
    ],
  colHeaders:[txt,txt,txt,txt,txt,txt,txt], 
  rowHeaders: true,
  minSpareCols: 1,
  //always keep at least 1 spare row at the right
  minSpareRows: 20,
  //always keep at least 1 spare row at the bottom,
  contextMenu: true,
  columnSorting: true,
  search: true
});

我想要做的是获取列标题列表（最好在数组中），然后查看选择下拉列表的顺序。这是代码：

colLocs = $("container2").handsontable("getColHeader");

LatColumn = colLocs.indexOf("N/Lat");  //Yin
LongColumn = colLocs.indexOf("E/Long"); //Xin
ZoneColumn = colLocs.indexOf("Zone"); //Zone
StateColumn = colLocs.indexOf("State"); //Zone 

我现在得到的是 colLocs 未定义。

对此的任何帮助将不胜感激。谢谢

更新

Fiddle，或多或少类似于我的实现方式：Fiddle

我认为问题是什么，为了使这个设置正常工作，我需要将整个表放在一个事件监听器中，将它与其他函数调用隔离开来。因此，当函数尝试读取标题时，它无法访问它。

这是他们页面上示例的链接：Handsontable custom Headers

Answer 1

问题是getColHeader 返回一个标题数组。如果你看看你的标题是什么样的，它就是整个 HTML 字符串。执行array.indexOf 将找到您的数组元素的完美匹配。例如，

["aa","a"].indexOf("a");

将返回1，而不是0，因为元素"a" 第一次出现是数组的第二个元素。所以，你想要的是在每个单独的元素上请求indexOf，就像forEach 循环一样。

colLocs = $("container2").handsontable("getColHeader");

colLocs.forEach(function(header, index) {
    var latIndex = header.indexOf("N/Lat");
    if (latIndex > -1) {LatColumn = index}; // set it to the index of the for loop
    ...
}

请注意，这是乱码，就像您对 colHeaders 的定义一样。我建议你只定义数组，而不是那些长的 switch case。