登录/注册

首页 › SpreadJS & GcExcel专区 › 教程集锦 › 查看内容

217 主题	1万帖子	1万积分

Rank: 8 Rank: 8

积分: 15948

85603
金币
217
主题
10073
帖子

最新发帖

下拉框分组列

讲师达人认证

悬赏达人认证

SpreadJS 开发认证

超级版主 / 发表于：2020-2-4 15:17 / 查看：3458 / 回复：0

本帖最后由 ClarkPan 于 2020-2-4 15:36 编辑

背景：
需要实现一个带有层级的下拉填报表格。
思路：
利用分组列与普通组合框单元格结合，来实现既有层级分层又有下拉填报的填报表格。
核心代码:

var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
var sheet = spread.getActiveSheet();
var combo = new GC.Spread.Sheets.CellTypes.ComboBox();
combo.items([
{ text: 'Oranges', value: '11k' },
{ text: 'Apples', value: '15k' },
{ text: 'Grape', value: '100k' }]);
sheet.setCellType(0, 0, combo, GC.Spread.Sheets.SheetArea.viewport);
sheet.setCellType(1, 0, combo, GC.Spread.Sheets.SheetArea.viewport);
sheet.setCellType(2, 0, combo, GC.Spread.Sheets.SheetArea.viewport);
sheet.getCell(0, 0).textIndent(0);
sheet.getCell(1, 0).textIndent(1);
sheet.getCell(2, 0).textIndent(2);
sheet.outlineColumn.options({columnIndex:0});

复制代码

效果如下：

image.png464303893.png

收藏

回复

点击查看 -->【预览版体验】SpreadJS v16.0 预览版 - 新文件结构

0 个回复