Handsontable 上下文菜单项“类型”

Question

我正在尝试创建具有不同类型的可动手操作的上下文菜单。该站点链接自可动手做的文档（适用于 0.16.1）http://swisnl.github.io/jQuery-contextMenu/docs/items.html，但它似乎无法正常工作（代码如下）。上下文菜单有两个主要项目，当我单击字体大小时，控制台会记录其名称，但不会像输入一样。

contextMenu:  {
    callback: function (key, options) {
        console.log(key);
    },
    items: {
        "status": {
            name: 'Status',
            submenu: {
                items: [{
                    key: 'status:pnc',
                    name: 'Private and Confidential'
                },
                {
                    key: 'status:fxd',
                    name: 'Fixed'
                }]
            },
        },
        "fontsize": {
            name: "Font Size",
            type: 'text',
            value: '14',
            events: {
                keyup: function(e) {
                    console.log(e.keycode);
                }
            }
        }
    }
},

Answer 1

如果我使用您的定义，对我来说，console.log 可以在 chrome 中使用。我确实看到一个损坏的子菜单。如果您查看文档子菜单，您会发现语法有点不同。你没有定义一个数组，只是另一个 items 对象定义。

contextMenu: {
  callback: function(key, options) {
    console.log(key);
  },
  items: {
    "status": {
      name: 'Status',
      submenu: {
        items: {
           {
              key: 'status:pnc',
              name: 'Private and Confidential'
            }, 
            {
              key: 'status:fxd',
              name: 'Fixed'
            }
        }
      },
    },
    "fontsize": {
      name: "Font Size",
      type: 'text',
      value: '14',
      events: {
        keyup: function(e) {
          console.log(e.keycode);
        }
      }
    }
  }
},

见：http://swisnl.github.io/jQuery-contextMenu/demo/sub-menus.html

当我修复子菜单时，字体大小项目显示为输入没有问题。