jqGrid - 在 jqGrid 中右键单击列时确定列的名称

Question

我想要在 jqGrid 中右键单击列标题时的列名称。任何代码将不胜感激。

Answer 1

可以绑定(bind)contextmenu事件到所有列标题。每个标题都是 <th>元素等它的 DOM 支持 cellIndex属性(property)。 cellIndex属性为您提供列标题的索引。如果您在 colModel 中使用相同的索引您将获得该列的定义。 name属性为您提供列名。

相应的代码可能如下:

var cm = $grid.jqGrid("getGridParam", "colModel");
$("th.ui-th-column", $grid[0].grid.hDiv).bind('contextmenu', function(e) {
    var $th = $(e.currentTarget).closest("th");
    if ($th.length > 0) {
        alert("the header of the column '" + cm[$th[0].cellIndex].name +
            "' was clicked");
        e.preventDefault(); // don't display standard context menu
    }
});

The demo使用代码。只需使用鼠标右键单击列标题，您将看到结果: