找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容
发新帖

Typing.

注册会员

1

主题

3

帖子

8

积分

注册会员

积分
8
  • 40

    金币

  • 1

    主题

  • 3

    帖子

最新发帖

[处理中] 使用setDataSource 绑定数据源怎么设置下拉框和复选框

Typing.
注册会员   /  发表于：2024-12-16 09:33  /   查看：65  /  回复：5
1金币
本帖最后由 Typing. 于 2024-12-16 09:34 编辑

  2. var colInfos = [
  3.         { name: "_a", displayName: "序号", width: 150 },
  4.         { name: "_b", displayName: "合同号", width: 200 },
  5.         { name: "_c", displayName: "订单等级", width: 200 },
  6.         { name: "_d", displayName: "品名", width: 200 },
  7.         { name: "_e", displayName: "尺寸", width: 200 },
  8.         { name: "_f", displayName: "罗口要求", width: 250 },
  9.         { name: "_g", displayName: "橡筋", width: 150 },
  10.         { name: "_h", displayName: "订单数量", width: 150 },
  11.         { name: "_i", displayName: "计划排产量", width: 150 },
  12.         { name: "_j", displayName: "半成品库存", width: 150 },
  13.         { name: "_k", displayName: "成品库存", width: 150 },
  14.         { name: "_l", displayName: "预入仓库", width: 150 },
  15.         { name: "_m", displayName: "计划余量", width: 150 },
  16.         { name: "_n", displayName: "订单交期", width: 250 },
  17.         { name: "_o", displayName: "手芯交期", width: 150 },
  18.         { name: "_p", displayName: "辅材交期", width: 150 },
  19.         // { name: "_q", displayName: "生产线", width: 250 },

  21.         { name: "_r", displayName: "计划开始", width: 250 },
  22.         { name: "_s", displayName: "计划结束", width: 150 },
  23.         { name: "_t", displayName: "根线", width: 150 },
  24.         { name: "_u", displayName: "线印", width: 200 },
  25.         { name: "_v", displayName: "合掌", width: 150 },
  26.         { name: "_w", displayName: "浸胶颜色", width: 150 },
  27.         { name: "_x", displayName: "备注", width: 150 },
  28.         { name: "_y", displayName: "合计", width: 150 },
  29.         { name: "_z", displayName: "1号", width: 150 },
  30.         { name: "_aa", displayName: "2号", width: 200 },
  31.         { name: "_ab", displayName: "3号", width: 150 },
  32.         { name: "_ac", displayName: "4号", width: 150 },
  33.         { name: "_ad", displayName: "5号", width: 150 },
  34.         { name: "_ae", displayName: "6号", width: 150 },
  35.         { name: "_af", displayName: "7号", width: 150 },
  36.         { name: "_ag", displayName: "8号", width: 150 },
  37.         { name: "_ah", displayName: "9号", width: 150 },
  38.         { name: "_ai", displayName: "10号", width: 150 },
  39.         { name: "_aj", displayName: "11号", width: 150 },
  40.         { name: "_ak", displayName: "12号", width: 150 },
  41.         { name: "_al", displayName: "13号", width: 150 },
  42.         { name: "_am", displayName: "14号", width: 150 },
  43.         { name: "_an", displayName: "15号", width: 150 },
  44.         { name: "_ao", displayName: "16号", width: 150 },
  45.         { name: "_ap", displayName: "17号", width: 150 },
  46.         { name: "_aq", displayName: "18号", width: 150 },
  47.         { name: "_ar", displayName: "19号", width: 150 },
  48.         { name: "_as", displayName: "20号", width: 150 },
  49.         { name: "_at", displayName: "21号", width: 150 },
  50.         { name: "_au", displayName: "22号", width: 150 },
  51.         { name: "_av", displayName: "23号", width: 150 },
  52.         { name: "_aw", displayName: "24号", width: 150 },
  53.         { name: "_ax", displayName: "25号", width: 150 },
  54.         { name: "_ay", displayName: "26号", width: 150 },
  55.         { name: "_az", displayName: "27号", width: 150 },
  56.         { name: "_ba", displayName: "28号", width: 150 },
  57.         { name: "_bb", displayName: "29号", width: 150 },
  58.         { name: "_bc", displayName: "30号", width: 150 },
  59.         { name: "_bd", displayName: "31号", width: 150 },
  60.         
  61.       ];

  63. sheet.setDataSource([
  64.         {
  65.         productLineName:'',
  66.         _a:'111'
  67.       },
  68.       {
  69.         productLineName:'',
  70.         _a:'111'
  71.       },
  72.       {
  73.         productLineName:'',
  74.         _a:'111'
  75.       },
  76.       {
  77.         productLineName:'',
  78.         _a:'111'
  79.       },
  80.       {
  81.         productLineName:'',
  82.         _a:'111'
  83.       },
  84.       {
  85.         productLineName:'',
  86.         _a:'111'
  87.       }
  88.     ]);

  90. sheet.autoGenerateColumns =false
  91.       //然后
  92.       sheet.bindColumns(colInfos);
复制代码

给生产线设置下拉，选中需要显示显示值，把实际值传到另一个字段，根线 需要设置复选框


5 个回复

倒序浏览
Wilson.Zhang
超级版主   /  发表于：2024-12-16 13:55:32
沙发
您好！您可以先在对应单元格设置下拉框和复选框，之后再绑定数据，绑定机制能够自动映射到下拉列表和复选框的选项。
回复 使用道具 举报
Typing.
注册会员   /  发表于：2024-12-16 14:02:08
板凳
Wilson.Zhang 发表于 2024-12-16 13:55
您好！您可以先在对应单元格设置下拉框和复选框，之后再绑定数据，绑定机制能够自动映射到下拉列表和复选框 ...

我是这样设置的，但是选中就显示实际值了
  1. //设置单选
  2.       this.moreSelect(sheet, 1, 3)
  3. moreSelect(sheet, lieQty, hangQty){
  4.       const list=[
  5.         {
  6.         value:'1',
  7.         text:'生产线1'
  8.         },
  9.         {
  10.         value:'2',
  11.         text:'生产线2'
  12.         },
  13.         {
  14.         value:'3',
  15.         text:'生产线3'
  16.         },
  17.     ]
  18.     var style = new GC.Spread.Sheets.Style();
  19.     style.cellButtons = [
  20.         {
  21.           imageType: GC.Spread.Sheets.ButtonImageType.dropdown,
  22.           command: "openList",
  23.           useButtonStyle: true,
  24.         }
  25.       ];
  26.       style.dropDowns = [
  27.         {
  28.           type: GC.Spread.Sheets.DropDownType.list,
  29.           option: {
  30.             items: list,
  31.           }
  32.         }
  33.       ];
  34.       for (let index = 1; index <= hangQty; index++) {
  35.         sheet.setStyle(index, lieQty, style);
  36.         
  37.       }

  39.     },  
复制代码
回复 使用道具 举报
Wilson.Zhang
超级版主   /  发表于：2024-12-16 15:52:34
地板
Typing. 发表于 2024-12-16 14:02
我是这样设置的，但是选中就显示实际值了

我使用您提供的代码片段，在最新17.1.10版本测试，可以正常绑定数据。

如下动图所示，在单元格D2~D4设置了三个下拉列表，通过表单级别数据绑定在D列设置了下拉列表中选项的value，成功设置选项且下拉列表中默认选项为被设置的选项。
下拉列表单元格数据绑定.gif
回复 使用道具 举报
Typing.
注册会员   /  发表于：2024-12-16 16:36:23
5#
Wilson.Zhang 发表于 2024-12-16 15:52
我使用您提供的代码片段，在最新17.1.10版本测试，可以正常绑定数据。

如下动图所示，在单元格D2~D4设 ...

选中显示值是实际值
回复 使用道具 举报
Wilson.Zhang
超级版主   /  发表于：2024-12-16 17:46:50
6#
Typing. 发表于 2024-12-16 16:36
选中显示值是实际值

您在代码中使用的下拉列表的是Style的dropdown，这里下拉菜单选项的显示值为text属性值，实际值为value值。您可以根据需要设置text和value属性值。

如果您希望填到单元格中的内容和列表中陈列的选项内容一致，可以使用ComboBox单元格类型。
回复 使用道具 举报
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部