动手选择编辑器 - 如何同时拥有值和文本

handsontable select editor - how to have both value and text?

本文关键字：拥有 文本 何同时 选择 编辑器      更新时间：2023-09-26

handsontable - 演示

在上面的示例中，下拉选择具有值 - 起亚、日产、丰田和本田。 是否可以同时具有文本和值的选项，例如普通的html选择？

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

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

选择结果是关键。

浏览文档后，我找不到一些内置的方法，因此默认情况下如下所示：

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

相关文章：