handsontable select editor - 如何同时拥有值和文本?

时间:2014-11-25 15:03:21

标签: javascript handsontable

handsontable - Demo

在上面的示例中,下拉列表选项包含值 - 起亚,日产,丰田和本田。是否有可能同时具有文本和值的选项,如普通的html选择?

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

2 个答案:

答案 0 :(得分:3)

请参阅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
    }
  ]
});

选择结果是关键。

答案 1 :(得分:0)

浏览文档后,我无法找到一些内置的方法,所以默认情况下看起来像这样:

<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操作它 - 渲染后 - 只需循环选择选项并重写值attr。如果你真的需要改变它们,我想。