如何在handsontable中“选中”上下文菜单项？答案

【问题标题】：How to make a context menu item "selected" in handsontable?如何在handsontable中“选中”上下文菜单项？
【发布时间】：2016-03-28 08:43:58
【问题描述】：

我是 handontable.js 的新手，遇到了一个小问题。我创建了一个自定义上下文菜单，效果很好。

现在，当我打开上下文菜单并应用一个项目，然后再次为同一个单元格打开它时，它不会显示为选中状态。有谁知道如何添加这样的选择（以小刻度线/右符号/一些突出显示的形式）？

这是我的代码：

$("#tabledata").handsontable({
        data: datas,
        startRows: 1,
        startCols: 2,
        minRows: 1,
        minCols: 2,
        maxRows: 400,
        maxCols: 200,
        rowHeaders: true,
        colHeaders: false,
        minSpareRows: 1,
        minSpareCols: 1,
        mergeCells: true,
        manualColumnResize: true,
        manualRowResize: true,
        cells: function (row, col, prop) {
            var cellProperties = {};
            cellProperties.renderer = "defaultRenderer"; //uses lookup map
            return cellProperties;
        },
        contextMenu: {

            items: {
                "row_above": {},
                "row_below": {},
                "col_left": {},
                "col_right": {},
                "hsep2": "---------",
                "remove_row": {name:'Remove row(s)'},
                "remove_col": {name:'Remove columns(s)'},
                "hsep3": "---------",
                "alignment" : {},
                "mergeCells" : {},
                "hsep4": "---------",
                "undo": {},
                "redo": {},
                "hsep5": "---------",
                "bold": {"name": "Bold"},
                "italic": {"name": "Italic"},
                "highlighted": {"name": "Highlight"}

            }
        },
        cell: metadata,
        mergeCells: metadata

});

这是它的外观图片：

有人知道吗？欢迎所有答案。

【问题讨论】：

标签： javascript jquery contextmenu handsontable

【解决方案1】：

我不确定，但也许这会有所帮助 http://docs.handsontable.com/0.20.2/demo-context-menu.html 在这个例子中，他们使用

      items: {
    "row_above": {
      disabled: function () {
        // if first row, disable this option
        return hot3.getSelected()[0] === 0;
      }
    },
    "row_below": {},
    "hsep1": "---------",
    "remove_row": {
      name: 'Remove this row, ok?',
      disabled: function () {
        // if first row, disable this option
        return hot3.getSelected()[0] === 0
      }
    },
    "hsep2": "---------",
    "about": {name: 'About this menu'}
  }
}

描述上下文菜单元素的关键项并且可以访问选定的单元格 hot.getSelected() 也许您可以获取单元格的设置以确定是否有活动属性并添加勾号

【讨论】：