找回密码
 立即注册

QQ登录

只需一步,快速开始

Clark.Pan 讲师达人认证 悬赏达人认证 SpreadJS 开发认证

超级版主

200

主题

9899

帖子

1万

积分

超级版主

Rank: 8Rank: 8

积分
15533

讲师达人悬赏达人微信认证勋章SpreadJS 认证SpreadJS 高级认证元老葡萄

Clark.Pan 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2020-2-4 15:17  /   查看:2580  /  回复:0
本帖最后由 ClarkPan 于 2020-2-4 15:36 编辑

背景:
需要实现一个带有层级的下拉填报表格。
思路:
利用分组列与普通组合框单元格结合,来实现既有层级分层又有下拉填报的填报表格。
核心代码:
  1. var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
  2.                 var sheet = spread.getActiveSheet();
  3.                 var combo = new GC.Spread.Sheets.CellTypes.ComboBox();
  4.                 combo.items([
  5.                         { text: 'Oranges', value: '11k' },
  6.                         { text: 'Apples', value: '15k' },
  7.                         { text: 'Grape', value: '100k' }]);
  8.                 sheet.setCellType(0, 0, combo, GC.Spread.Sheets.SheetArea.viewport);
  9.                 sheet.setCellType(1, 0, combo, GC.Spread.Sheets.SheetArea.viewport);
  10.                 sheet.setCellType(2, 0, combo, GC.Spread.Sheets.SheetArea.viewport);
  11.                 sheet.getCell(0, 0).textIndent(0);
  12.                 sheet.getCell(1, 0).textIndent(1);
  13.                 sheet.getCell(2, 0).textIndent(2);
  14.                 sheet.outlineColumn.options({columnIndex:0});
复制代码
效果如下: image.png464303893.png

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部