javascript - 如何在免费的 jqGrid 中的 onCellSelect 中获取选定的搜索过滤器？

Question

我有一个网格，当用户突出显示他们想要过滤的文本时，我会在其中提供搜索。

onCellSelect 看起来像这样:

onCellSelect: function(row, col, content, event) {
    var cm = grid.jqGrid("getGridParam", "colModel");
    if (window.getSelection) {
        selection = window.getSelection();
    } else if (document.selection) {
        selection = document.selection.createRange();
    }
    selectionColumn = cm[col].name;
    selection.toString() !== '' && $("#gs_"+selectionColumn).val(selection.toString());
    console.log($("a.soptclass[data-colname='"+selectionColumn+"']").attr('data-soper'));
    if(selection.toString() != '')
    {
        grid[0].triggerToolbar();
    }

}

现在我有一些自定义的搜索运算符并在网格中使用它们:

searchoptions:{sopt:["cn",'mc','mn',"eq","ne","lt","le","gt","ge","bw","ew","nc"]}

mc 和mn 是customSortOperations 的一部分。

现在我想要的是当用户在网格内的特定单元格内选择一些文本时，我想检测使用了哪个搜索过滤器。例如，默认情况下搜索过滤器是 cn。

我试过这个:

$("a.soptclass[data-colname='"+selectionColumn+"']").attr('data-soper')

但它每次都给我默认的cn。

我可以获得链接内的文本，这将给我一个符号名称，例如 ~ 用于 cn，== 用于 eq 与

$("a.soptclass[data-colname='"+selectionColumn+"']").text()

然而，有没有一种 jqgrid 方法可以选择准确的搜索运算符？即 cn、eq、ne、le 等

如果需要工作演示，请告诉我，我会更新问题。

更新: DEMO .

在第 659 和 660 行，我正在使用此回调 $("a.soptclass[data-colname='"+selectionColumn+"']").text()

换句话说，我希望在 onCellSelect 中选择搜索运算符

Answer 1

我仍然不完全理解你想要实现的确切行为，但你似乎可以启动 onCellSelect代码如下:

onCellSelect: function(row, col, content, event) {
    var p = $(this).jqGrid("getGridParam");
    var hDiv = p.frozenColumns === true && p.colModel[col].frozen === true ?
                this.grid.fhDiv : this.grid.hDiv;
    var $elem = $(hDiv).find("#gs_" + $.jgrid.jqID(p.id + "_" + p.colModel[col].name));
    var oper = $elem.parent().prev().children("a").data("soper");
    ...
}

$elem使用当前免费 jqGrid 实现的标准 id 行为(未指定 idMode 的 filterToolbar 选项)。元素 $elem是 <input>或 <select>过滤器工具栏中的元素。您可以使用 $elem(selection)更改值。 oper变量包含当前选择的搜索操作。应该使用 .data("soper")而不是 .attr("data-soper")访问数据。

我希望这是你目前所缺少的。