spreadjs如何设置下拉选择框

收藏

如图，在spreadjs中如何设置下拉选择框？

Lynn.Dou · Lynn.Dou

您好，您所说下拉选择框具体指的是什么呢？想实现什么样的需求呢？
SJS提供了普通组合框单元格和单元格下拉菜单-列表，均有下拉功能。
具体如何设置请参考学习指南：
普通组合框单元格：https://demo.grapecity.com.cn/sp ... pes/combobox/purejs
单元格下拉菜单：
https://demo.grapecity.com.cn/sp ... p-downs/list/purejs

一蓑烟雨 · 一蓑烟雨

如果我想使用列表让某一列的单元格都绑定下拉框代码该如何实现？目前只能让某一个单元格绑定下拉框。

Lynn.Dou · Lynn.Dou

给第一列设置cellButtons，示例代码如下：
sheet.setStyle(-1, 0, style);

一蓑烟雨 · 一蓑烟雨

能否限定范围？

Lynn.Dou · Lynn.Dou

您可以参考下图代码： image.png634913329.png

sheet.getRange(1,1,5,1).cellButtons(cellB)；

复制代码

一蓑烟雨 · 一蓑烟雨

绑定选项的代码该怎么写？像下面的代码这样写对不对？另外图中出现两个按钮，能否只保留一个？

  var cellB = [{
            imageType: GC.Spread.Sheets.ButtonImageType.dropdown,
            command: "openList",
            useButtonStyle: false,
            dropDowns: {
                  type: GC.Spread.Sheets.DropDownType.list,
                  option: {
                     items: [
                        {
                              text: 'item1',
                              value: 'item1'
                        },
                        {
                              text: 'item2',
                              value: 'item2'
                        },
                        {
                              text: 'item3',
                              value: 'item3'
                        },
                        {
                              text: 'item4',
                              value: 'item4'
                        }
                     ],
                  }
            }
         },
         {
            imageType: GC.Spread.Sheets.ButtonImageType.dropdown,
            command: (sheet, row, col, option) => {
                  console.log(option);
            }
         }];

         sheet.getRange(1, 1, 5, 1).cellButtons(cellB);

Lynn.Dou · Lynn.Dou

参考以下代码：var cellButtons = [
      {
         imageType: GC.Spread.Sheets.ButtonImageType.dropdown,
         command: "openList",
         useButtonStyle: true,
      }
];

var dropDowns = [
      {
         type: GC.Spread.Sheets.DropDownType.list,
         option: {
            items: [
                  {
                     text: 'item1',
                     value: 'item1'
                  },
                  {
                     text: 'item2',
                     value: 'item2'
                  },
                  {
                     text: 'item3',
                     value: 'item3'
                  },
                  {
                     text: 'item4',
                     value: 'item4'
                  }
            ],
         }
      }
]

sheet.getRange(1, 1, 5, 1).cellButtons(cellButtons).dropDowns(dropDowns);

一蓑烟雨 · 一蓑烟雨

非常感谢！另外再请教一下如何禁止绑定下拉框的单元格编辑，让用户只能从下拉框中选择。

Lynn.Dou · Lynn.Dou

参考以下代码：
sheet.bind(GC.Spread.Sheets.Events.EditStarting, function (sender, args) {
            var r = args.row;
            var c = args.col;
            //判断如果单元格内有cellButtons
            if(sheet.getCell(r,c).cellButtons()) {
                  args.cancel = true;
            }
         });

EditStarting 事件API： https://demo.grapecity.com.cn/sp ... ?highlight=event%2C

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

[已处理] spreadjs如何设置下拉选择框

11 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人