拾趣ヾ 发表于 2024-9-4 14:51:40

【17.1.0】如何设置自定义下拉列表的button按钮的高度,现状是:自适应行高

本帖最后由 拾趣ヾ 于 2024-9-4 15:21 编辑

想让这个自定义的button按钮的高度变小一点,灰色背景太高了,有办法可以实现吗


      var colorListData = { // 定义颜色列表数据
            multiSelect: true, // 允许多选
            onItemSelected: colorClicked, // 选择项的点击事件
            items: generateThemeColors // 生成主题颜色的函数
      };
      var customStyle = new GC.Spread.Sheets.Style(); // 创建自定义样式
      customStyle.cellButtons = [ // 定义单元格按钮
            {
                imageType: GC.Spread.Sheets.ButtonImageType.dropdown, // 按钮类型为下拉
                command: "openList", // 按钮命令
                useButtonStyle: true, // 使用按钮样式
            },
      ];
      customStyle.dropDowns = [ // 定义下拉列表
            {
                type: GC.Spread.Sheets.DropDownType.list, // 下拉类型为列表
                option: colorListData // 下拉选项为颜色列表数据
            }
      ];
      spread.suspendPaint(); // 暂停绘制
      sheet.setText(0, 0, "Custom list"); // 设置单元格文本
      sheet.setValue(0, 1, 'item1'); // 设置单元格值
      sheet.setValue(1, 1, 'item1,item2'); // 设置单元格值
      sheet.getRange('B1:B10').setStyle(customStyle); // 设置单元格范围的样式
      sheet.getRange('B1:B10').cellType(new ColorBlockCellType()); // 设置单元格类型为颜色块
      spread.resumePaint(); // 恢复绘制

Ellia.Duan 发表于 2024-9-4 17:40:00

本帖最后由 Ellia.Duan 于 2024-9-4 17:41 编辑

您好,完全可以换成自定义icon ,如下图所示:


除了imageSrc外,没有更好的方式了。

拾趣ヾ 发表于 2024-9-4 17:42:41


鼠标hover到上面仍然是有

拾趣ヾ 发表于 2024-9-4 17:43:48

本帖最后由 拾趣ヾ 于 2024-9-4 17:44 编辑

拾趣ヾ 发表于 2024-9-4 17:42
鼠标hover到上面仍然是有

Ellia.Duan 发表于 2024-9-4 17:55:13

如果想在保留点击效果的基础上,修改颜色范围,目前不支持的。
如果不想有点击效果,可以直接将buttonBackColor和hoverBackColor置为白色。

拾趣ヾ 发表于 2024-9-5 09:51:44

Ellia.Duan 发表于 2024-9-4 17:55
如果想在保留点击效果的基础上,修改颜色范围,目前不支持的。
如果不想有点击效果,可以直接将buttonBack ...没有点击效果肯定是不合理的第一个能不能提个需求

Ellia.Duan 发表于 2024-9-5 11:41:39

您的需求收到,我将此贴移至需求板块。
页: [1]
查看完整版本: 【17.1.0】如何设置自定义下拉列表的button按钮的高度,现状是:自适应行高