本帖最后由 dexteryao 于 2021-2-3 13:55 编辑
上一期我们将了如何自定义右键菜单，本期我们在其基础上进行扩展，将讲解如何自定义多级的右键菜单
下面实例将定制一个多级菜单用于设置文字旋转功能，提供三个子菜单-90度，水平，90度
首先我们先定义菜单文字旋转。
- designerConfig.commandMap["textRotation"]= {
- text: "文字旋转",
- commandName: "textRotation",
- subCommands:[
- "negativeVertical",
- "horizontal",
- "vertical"
- ],
- visibleContext:"ClickViewport"
- }
- subCommands:[
- "negativeVertical",
- "horizontal",
- "vertical"
- ]
- designerConfig.commandMap["negativeVertical"]= {
- text:"-90度",
- commandName: "negativeVertical",
- //enableContext: "allowEditObject",
- execute: async (context) => {
- var spread = context.getWorkbook();
- var commandManager = spread.commandManager();
- commandManager.execute({cmd: "executeRotation", sheetName: spread.getActiveSheet().name(),degree:-90});
- }
- }
- designerConfig.commandMap["horizontal"]= {
- text:"水平",
- commandName: "horizontal",
- //enableContext: "allowEditObject",
- execute: async (context) => {
- var spread = context.getWorkbook();
- var commandManager = spread.commandManager();
- commandManager.execute({cmd: "executeRotation", sheetName: spread.getActiveSheet().name(),degree:0});
- }
- }
- designerConfig.commandMap["vertical"]= {
- text:"90度",
- commandName: "vertical",
- //enableContext: "allowEditObject",
- execute: async (context) => {
- var spread = context.getWorkbook();
- var commandManager = spread.commandManager();
- commandManager.execute({cmd: "executeRotation", sheetName: spread.getActiveSheet().name(),degree:90});
- }
- }
- var spread = designer.getWorkbook();
- var commandManager = spread.commandManager();
- var _executeRotation = {
- canUndo: true,
- execute: function (context, options, isUndo) {
- var Commands = GC.Spread.Sheets.Commands;
- if (isUndo) {
- Commands.undoTransaction(context, options);
- return true;
- } else {
- Commands.startTransaction(context, options);
- var sheet = context.getSheetFromName(options.sheetName);
- sheet.suspendPaint();
- var selections = sheet.getSelections();
- for(var i=0;i<selections.length;i++){
- sheet.getRange(selections[i].row,
- selections[i].col,
- selections[i].rowCount,
- selections[i].colCount,
- GC.Spread.Sheets.SheetArea.viewport).textOrientation(options.degree);
- }
- sheet.resumePaint();
- Commands.endTransaction(context, options);
- return true;
- }
- }
- };
- commandManager.register("executeRotation", _executeRotation);
- designerConfig.contextMenu.push("textRotation");
|
|
陕公网安备：61019002000258 |
隐私政策 |
网站地图