找回密码
 立即注册

QQ登录

只需一步,快速开始

云智装
金牌服务用户   /  发表于:2021-11-25 10:34  /   查看:3856  /  回复:15
1金币
本帖最后由 Lynn.Dou 于 2021-11-29 14:22 编辑
  1.       this.spread = spread;
  2.         spread.suspendPaint();
  3.         let sheet = spread.getActiveSheet();

  4.         let data = {
  5.             name: 'Jones', region: 'East',
  6.             sales: [
  7.                 {orderDate: '1/6/2013', item: 'Pencil', units: 95, cost: 1.99, isDelivered: '是'},
  8.                 {orderDate: '4/1/2013', item: 'Binder', units: 60, cost: 4.99, isDelivered: ''},
  9.                 {orderDate: '6/8/2013', item: 'Pen Set', units: 16, cost: 15.99, isDelivered: ''}
  10.             ]
  11.         };
  12.         let convert = function (item) {
  13.             return item['cost'] + '[backcolor=rgb(247, 247, 247)]tableColumn5.cellType(combo).value('是');设置不起作用[/backcolor]
  14. ;
  15.         }
  16.         let table = sheet.tables.add('tableSales', 0, 0, 5, 5);
  17.         this.table = table;
  18.         table.style(GCsheets.Tables.TableThemes["medium4"]);
  19.         let tableColumn1 = new GCsheets.Tables.TableColumn(1, "orderDate", "Order Date", "yyyy-mm-dd");
  20.         let tableColumn2 = new GCsheets.Tables.TableColumn(2, "item", "Item");
  21.         let tableColumn3 = new GCsheets.Tables.TableColumn(3, "units", "Units");
  22.         let tableColumn4 = new GCsheets.Tables.TableColumn(4, "cost", "Cost", null, null, convert);
  23.         let tableColumn5 = new GCsheets.Tables.TableColumn(5);
  24.         const combo = new GCsheets.CellTypes.ComboBox();
  25.         combo.items([{text: '是', value: 1},{text: '否', value: 0}])
  26.         tableColumn5.cellType(combo).value('是');
  27.         tableColumn5.name('选择');
  28.         table.autoGenerateColumns(false);
  29.         table.bind([tableColumn1, tableColumn2, tableColumn3, tableColumn4, tableColumn5], 'sales', data);
  30.         sheet.setColumnWidth(0, 120);
  31.         sheet.setColumnWidth(1, 120);
  32.         sheet.setColumnWidth(2, 120);
  33.         sheet.setColumnWidth(3, 120);
  34.         sheet.setColumnWidth(4, 120);
  35.         spread.resumePaint();
  36.     }
复制代码
tableColumn5.cellType(combo).value('是');设置不起作用

最佳答案

查看完整内容

你好,请参考附件的demo

15 个回复

倒序浏览
最佳答案
最佳答案
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-11-25 10:34:09
来自 3#
你好,请参考附件的demo
image.png389075011.png

CheckBox数据绑定.zip

1.99 KB, 下载次数: 104

回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-11-25 11:49:25
2#
您好,调整了下您的代码逻辑,修改后如下:
  1. var GCsheets = GC.Spread.Sheets;
  2. let data = {
  3.             name: 'Jones', region: 'East',
  4.             sales: [
  5.                 {orderDate: '1/6/2013', item: 'Pencil', units: 95, cost: 1.99, isDelivered: '是'},
  6.                 {orderDate: '4/1/2013', item: 'Binder', units: 60, cost: 4.99, isDelivered: '否'},
  7.                 {orderDate: '6/8/2013', item: 'Pen Set', units: 16, cost: 15.99, isDelivered: ''}
  8.             ]
  9.         };
  10.         let convert = function (item) {
  11.             return item['cost'] + "tableColumn5.cellType(combo).value('是');设置不起作用";
  12.         }
  13.         let table = sheet.tables.add('tableSales', 0, 0, 5, 5);
  14.         table.style(GCsheets.Tables.TableThemes["medium4"]);
  15.         const combo = new GCsheets.CellTypes.ComboBox();
  16.         combo.items([{text: '是', value: 1},{text: '否', value: 0}])
  17.         let tableColumn1 = new GCsheets.Tables.TableColumn(1, "orderDate", "Order Date", "yyyy-mm-dd");
  18.         let tableColumn2 = new GCsheets.Tables.TableColumn(2, "item", "Item");
  19.         let tableColumn3 = new GCsheets.Tables.TableColumn(3, "units", "Units");
  20.         let tableColumn4 = new GCsheets.Tables.TableColumn(4, "cost", "Cost", null, null, convert);
  21.         let tableColumn5 = new GCsheets.Tables.TableColumn(5,"isDelivered", "选择", null, combo);
  22.         // tableColumn5.cellType(combo).value('是');
  23.         //tableColumn5.name('选择');
  24.         table.autoGenerateColumns(false);
  25.         table.bind([tableColumn1, tableColumn2, tableColumn3, tableColumn4, tableColumn5], 'sales', data);
  26.         sheet.setColumnWidth(0, 120);
  27.         sheet.setColumnWidth(1, 120);
  28.         sheet.setColumnWidth(2, 120);
  29.         sheet.setColumnWidth(3, 120);
  30.         sheet.setColumnWidth(4, 120);
  31.         spread.resumePaint();
复制代码

测试结果:
image.png200217284.png
回复 使用道具 举报
云智装
金牌服务用户   /  发表于:2021-11-25 13:59:20
4#
Derrick.Jiao 发表于 2021-11-25 10:34
你好,请参考附件的demo

处理了谢谢
回复 使用道具 举报
云智装
金牌服务用户   /  发表于:2021-11-25 13:59:40
5#
Lynn.Dou 发表于 2021-11-25 11:49
您好,调整了下您的代码逻辑,修改后如下:

测试结果:

处理了谢谢
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-11-25 14:01:53
6#
有问题欢迎另开新帖交流。
回复 使用道具 举报
云智装
金牌服务用户   /  发表于:2021-11-25 15:10:27
7#
Lynn.Dou 发表于 2021-11-25 14:01
有问题欢迎另开新帖交流。

刚测了下,值能设置了,但是修改不了 image.png984772949.png


回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-11-25 15:44:52
8#
修改不了值 指的是 不能选择下拉项来赋值吗?如果是,参考下方附件这个demo。

如果不是,请详细描述您当前遇到得问题以及您得需求。

demo-sjs模板.html

4.49 KB, 下载次数: 104

回复 使用道具 举报
云智装
金牌服务用户   /  发表于:2021-11-25 17:23:20
9#
Lynn.Dou 发表于 2021-11-25 15:44
修改不了值 指的是 不能选择下拉项来赋值吗?如果是,参考下方附件这个demo。

如果不是,请详细描述您当 ...

我测试了你的demo也不行 image.png432429808.png
默认应该是 “是”的
回复 使用道具 举报
云智装
金牌服务用户   /  发表于:2021-11-25 17:26:10
10#
Lynn.Dou 发表于 2021-11-25 15:44
修改不了值 指的是 不能选择下拉项来赋值吗?如果是,参考下方附件这个demo。

如果不是,请详细描述您当 ...

image.png265325011.png
换位置后显示“是”
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部