Handsontable 选择编辑器 - 如何同时拥有值和文本？答案

【问题标题】：handsontable select editor - how to have both value and text?Handsontable 选择编辑器 - 如何同时拥有值和文本？
【发布时间】：2015-01-23 15:42:55
【问题描述】：

handsontable - Demo

在上面的示例中，下拉选择具有值 - Kia、Nissan、Toyota 和 Honda。是否可以同时具有文本和值的选项，例如普通的 html 选择？

<option value='kia'>Kia Car</option>

【问题讨论】：

标签： javascript handsontable

【解决方案1】：

见https://github.com/handsontable/handsontable/blob/b0802f78b5c4fbe0de9a9b9b4b5a013f2364f45a/test/jasmine/spec/editors/selectEditorSpec.js#L100

var options = {
  'mit' : 'Misubishi',
  'che' : 'Chevrolet',
  'lam' : 'Lamborgini'
};

handsontable({
  columns: [
    {
      editor: 'select',
      selectOptions: options
    }
  ]
});

而选择结果是关键。

【讨论】：

【解决方案2】：

浏览文档后，我找不到这样做的内置方法，所以默认情况下看起来像这样：

<select class="htSelectEditor" style="height: 24px; min-width: 50px; top: 26px; left: 50px; margin: 0px;">
<option value="Kia">Kia</option>
<option value="Nissan">Nissan</option>
<option value="Toyota">Toyota</option>
<option value="Honda">Honda</option>
</select>

但是您可以使用 JQuery 来操作它 - 在渲染之后 - 只需循环选择选项并重写 value attr。如果你真的需要改变它们，我想。

【讨论】：