下拉框添加选项

收藏

本帖最后由 Joestar.Xu 于 2023-8-23 08:50 编辑

下拉框有木有点击这个图标时的事件，然后动态的添加选项 image.png542584228.png

Ellia.Duan · Ellia.Duan

您好，可以参考如下代码

const combo = new spreadNS.CellTypes.ComboBox();
combo
.editorValueType(spreadNS.CellTypes.EditorValueType.text);
sheet.setValue(0, 3, "Result:");
sheet.getCell(1, 2, spreadNS.SheetArea.viewport).cellType(combo);
sheet.bind(GC.Spread.Sheets.Events.EditStarting, function (sender, args) {
const {row, col} = args;
if (row == 1 && col == 2) {
combo.items([{text: 1, value: 1,},{text: 2, value: 2,}]);
}
});

复制代码

效果如下：

qwedcxzas · qwedcxzas

本帖最后由 qwedcxzas 于 2023-8-22 18:54 编辑

好的，谢谢啦.我有另一个问题请教；就是如果有很多单元格需要这样的下拉框 TGDL9VV@8`UVR6M3O~$V19P.png655216064.png

像这样，选择文本，后台可以获取编号；所有单元格使用同一套数据。有什么方法可以实现呢

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2023-8-23 09:21 编辑

通过您的描述，您是否有两个问题：
1、下拉框内容显示文本内容，但是用户选择后，后台获取文本对应的编号？
关于此问题，您可以参考这篇学习指南：
https://demo.grapecity.com.cn/sp ... pes/combobox/purejs
在简介中，可以看到editorValueType 方法的应用
image.png87585448.png

此方法可以帮您设置写入底层逻辑的值
2、所有单元格使用同一套数据？
这个问题不太明白您的需求，是否可以再详细描述下？
下面的代码是combo填充数据的相关代码

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

复制代码

所以您可以预先定义下拉框数据array ，然后遍历单元格，在需要下拉框选择的单元格中，定义combo ，然后combo.items(array)

qwedcxzas · qwedcxzas

我测试一下，晚点回复

Ellia.Duan · Ellia.Duan

qwedcxzas 发表于 2023-8-23 10:48
我测试一下，晚点回复

好的，有问题随时沟通。

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

[已处理] 下拉框添加选项

5 个回复

SpreadJS 认证

SpreadJS 高级认证