排列问题

收藏

，这种沿X轴排列几个按钮的该如何实现？

Joestar.Xu · Joestar.Xu

您好，请参考以下代码：

image.png612405089.png

window.onload = function () {
let designerConfig = JSON.parse(
JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig)
);
designerConfig.commandMap = {
menu: {
text: "菜单",
title: "菜单",
bigButton: "=ribbonHeight>toolbarHeight",
commandName: "menu",
direction: '=IF(ribbonHeight<toolbarHeight,"horizontal","vertical")',
dropdownListItemType: "menuitemradio",
// enableContext: "",
iconClass: "ribbon-button-formattable",
},
list: {
commandName: "list",
// enableContext: "",
execute(context, propertyName, checked) {
console.log("execute");
console.log(context);
console.log(propertyName);
console.log(checked);
},
getState(context, propertyName) {
console.log("getState");
console.log(context);
console.log(propertyName);
},
listContent: [
{
commandName: "list",
groupItems: [
{
iconClass: "table-format-light0",
iconHeight: 48,
iconWidth: 64,
tip: "Item1",
value: "light0",
},
{
iconClass: "table-format-light0",
iconHeight: 48,
iconWidth: 64,
tip: "Item1",
value: "light0",
},
{
iconClass: "table-format-light1",
iconHeight: 48,
iconWidth: 64,
tip: "Item1",
value: "light0",
},
{
iconClass: "table-format-light1",
iconHeight: 48,
iconWidth: 64,
tip: "Item1",
value: "light0",
},
{
iconClass: "table-format-light2",
iconHeight: 48,
iconWidth: 64,
tip: "Item1",
value: "light0",
},
{
iconClass: "table-format-light2",
iconHeight: 48,
iconWidth: 64,
tip: "Item1",
value: "light0",
},
{
iconClass: "table-format-light3",
iconHeight: 48,
iconWidth: 64,
tip: "Item1",
value: "light0",
},
{
iconClass: "table-format-light3",
iconHeight: 48,
iconWidth: 64,
tip: "Item1",
value: "light0",
},
],
groupName: "List One",
wrap: false,
},
],
maxWidth: 550,
type: "listContent",
},
};
designerConfig.ribbon[0].buttonGroups.push({
label: "测试",
thumbnailClass: "ribbon-thumbnail-styles",
commandGroup: {
children: [
{
children: ["list"],
command: "menu",
dropdownMaxWidth: 550,
type: "dropdown",
},
],
},
});
let designer = new GC.Spread.Sheets.Designer.Designer(
"gc-designer-container",
designerConfig
);
let spread = designer.getWorkbook();
let sheet = spread.getActiveSheet();
};

复制代码

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

[已处理] 排列问题

1 个回复

SpreadJS 认证

SpreadJS 高级认证