v17自定义设计器

v17如何自定义一个下拉设计器，该设计器类似于（冻结窗口）这种下拉样式

最后是要这个效果吗？


把上面的代码改一改就行

1. let designerConfig = JSON.parse(
   
2.   JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig)
   
3. );
   
4. 
   
5. designerConfig.commandMap = {
   
6.   autoBind: {
   
7.     title: "一键绑定",
   
8.     text: "一键绑定",
   
9.     iconClass: "ribbon-thumbnail-table",
   
10.     bigButton: "true",
    
11.     commandName: "autoBind",
    
12.     execute: function (context, propertyName, fontItalicChecked) {
    
13.       console.log(123);
    
14.     },
    
15.   },
    
16. 
    
17.   dropDown: {
    
18.     title: "一键绑定",
    
19.     text: "一键绑定",
    
20.     iconClass: "ribbon-thumbnail-table",
    
21.     bigButton: "true",
    
22.     commandName: "dropDown",
    
23.   },
    
24. };
    
25. 
    
26. designerConfig.ribbon[4].buttonGroups[0].commandGroup.children.push({
    
27.             command: "dropDown",
    
28.             type: "dropdown",
    
29.             children: ["autoBind", "autoBind"],
    
30.           });
    
31. 
    
32. let designer = new GC.Spread.Sheets.Designer.Designer(
    
33.   "gc-designer-container",
    
34.   designerConfig
    
35. );

复制代码

您好，没太听懂您的意思，下拉设计器是什么？是想自定义一个下拉框单元格吗？还是什么其他的？

自定义一个dropdown菜单项

Joestar.Xu 发表于 2024-5-21 17:31
您好，没太听懂您的意思，下拉设计器是什么？是想自定义一个下拉框单元格吗？还是什么其他的？

自定义一个dropdown菜单项

了解了，请参考以下代码：

1. let designerConfig = JSON.parse(
   
2.   JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig)
   
3. );
   
4. 
   
5. designerConfig.commandMap = {
   
6.   autoBind: {
   
7.     title: "一键绑定",
   
8.     text: "一键绑定",
   
9.     iconClass: "ribbon-thumbnail-table",
   
10.     bigButton: "true",
    
11.     commandName: "autoBind",
    
12.     execute: function (context, propertyName, fontItalicChecked) {
    
13.       console.log(123);
    
14.     },
    
15.   },
    
16. 
    
17.   dropDown: {
    
18.     title: "一键绑定",
    
19.     text: "一键绑定",
    
20.     iconClass: "ribbon-thumbnail-table",
    
21.     bigButton: "true",
    
22.     commandName: "dropDown",
    
23.   },
    
24. };
    
25. 
    
26. let dropDownMenu = {
    
27.   label: "页面设置",
    
28.   thumbnailClass: "ribbon-thumbnail-table",
    
29.   commandGroup: {
    
30.     children: [
    
31.       {
    
32.         children: [
    
33.           {
    
34.             command: "dropDown",
    
35.             type: "dropdown",
    
36.             children: ["autoBind", "autoBind"],
    
37.           },
    
38.         ],
    
39.       },
    
40.     ],
    
41.   },
    
42. };
    
43. 
    
44. designerConfig.ribbon[4].buttonGroups.push(dropDownMenu);
    
45. 
    
46. let designer = new GC.Spread.Sheets.Designer.Designer(
    
47.   "gc-designer-container",
    
48.   designerConfig
    
49. );

复制代码

Joestar.Xu 发表于 2024-5-21 17:53
了解了，请参考以下代码：

是这个意思，但是层级不一样，怎么把它放到工作表绑定那个控件旁边

楼主可以参考一下楼上热心同学的回复~

Joestar.Xu 发表于 2024-5-22 09:03
楼主可以参考一下楼上热心同学的回复~

最后一行new GC.spread.sheets.designer.desinger()目的是啥，为什么我的点击后下拉没有出来

您好，最后一行代码是按照给定的参数（DOM和Config）创建一个新的Designer对象。

“点击后下拉没有出来”，请问您这边的代码具体是怎么写的呢？