SpreadJS 获取组合框ComboBox的值

背景：很多小伙伴在ComboBox的时候，对如何获取组合框ComboBox的值有疑问，这篇文章就带大家了解下ComboBox的值有哪些以及如何获取ComboBox的值。
步骤：我们先通过在线表格编辑器的组合框ComboBox的UI界面来了解一下。

下图中可以看到，编辑值类型有 “文本”“索引”“值” 三个选项。
项目属性中，“文本”为 可通过getText方法 获取的值；“值”为可通过getValue方法获取的值。
可通过“添加”按钮添加多个选项。

我们通过代码来具体看一下 编辑值类型 这三个值的不同之处：

上图可以看到，设置不同的 值类型，使用 getValue方法获取到的值也不同。

那么通过代码如何设置值类型和获取值呢？

首先创建一个组合框。

1. var combo = new GC.Spread.Sheets.CellTypes.ComboBox();
   
2.     sheet.setCellType(1, 1, combo, GC.Spread.Sheets.SheetArea.viewport);

复制代码

使用 editorValueType 方法来设置或者获取被写入底层数据模型的值。这种编辑值的类型是一个枚举 EditorValueType。
    text: 将选中的项目的文本值写入数据模型中。
    index: 将选中的项目的下标写入数据模型中。
    value: 将选中的项目相应的数据值写入数据模型中.

1. combo.editorValueType(GC.Spread.Sheets.CellTypes.EditorValueType.text);

复制代码

使用 items 方法来获取或者设置项目。例如：

1. combo.items([
   
2.      { text: 'Oranges', value: '11k' },
   
3.      { text: 'Apples', value: '15k' },
   
4.      { text: 'Grape', value: '100k' }]);

复制代码

同样的，可以使用getValue和getText获取选择的组合框值。

1. sheet.getValue(1,1);
   
2. sheet.getText(1,1);

复制代码

附件为示例demo，大家可以参考下。