SpreadJS 获取组合框ComboBox的值

收藏 · 2020-10-28 12:25 上传

本帖最后由 lynn512 于 2020-10-28 12:25 编辑

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

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

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

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

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

首先创建一个组合框。

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

复制代码

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

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

复制代码

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

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

复制代码

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

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

复制代码

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

		自动登录	找回密码
密码			立即注册

SpreadJS 获取组合框ComboBox的值

0 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人