Question

我无法使用冻结列来使用jqgrid（4.3.0）。我唯一能想到的是，我有一些不开箱即用的特定事物：

我在顶部使用过滤行。
我使用（cloneToTop：true）

我有以下代码用于在jqggrid顶部显示过滤器状态。（使用filtertoolbar）

loadComplete: function () {

    var postData = jQuery(gridSelector).getGridParam("postData");
    var newCapture = "";
    if (postData._search === true && typeof postData.filters !== "undefined") {
        var filters = jQuery.parseJSON(postData.filters);
        newCapture = "Filter: [";
        var rules = filters.rules;
        for (var i = 0; i < rules.length; i++) {
            var rule = rules[i];
            var op = rule.op;  // the code name of the operation
            if (jQuery.fn.searchFilter && jQuery.fn.searchFilter.defaults &&
            jQuery.fn.searchFilter.defaults.operators) {
                // find op description 
                var operators = jQuery.fn.searchFilter.defaults.operators;
                for (var j = 0; j < operators.length; j++) {
                    if (operators[j].op === rule.op) {
                        op = operators[j].text;
                        //op = $.jgrid.search.odata[j];
                        break;
                    }
                }
            }
            newCapture += rule.field + " " + op + " '" + rule.data + "'";
            if (i + 1 !== rules.length)
                newCapture += ", ";
        }
        newCapture += "]";
    }
    jQuery(gridSelector).setCaption(newCapture);

任何人都可以想到任何会阻止冻结列在这些情况下工作的事情。

Answer 1

我分析了您的问题，并创建了the demo，演示了如何解决问题。该演示使用冻结的第一列生成网格：

enter image description here

我在jqGrid中的冻结列的当前（版本4.3.1）实现中发现了一些错误，并将在稍后发布我的建议如何修复那里的trirand。问题如下：

在datatype: 'local'的情况下，可以看到第一个问题尤其明显，其中网格数据将在网格初始化期间填充。请参阅我刚调用方法setFrozenColumns的{{3}}。人们可以看到图片上的问题

enter image description here

On可以看到只会冻结列标题，但会滚动包含行号的列的网格主体。如何从the corresponding demo看到，在调用_complete来解决问题后直接调用方法setFrozenColumns就足够了：

$grid.jqGrid('setFrozenColumns');
$grid[0].p._complete.call($grid[0]);

其中$grid定义为var $grid = $('#list');。

下一个问题是_complete方法计算列标题的固定部分（保存在$grid[0].grid.fhDiv）和网格主体的固定部分的位置（保存在$grid[0].grid.fbDiv中）仅使用标准网格标题的高度（网格标题）。因此，如果您使用setCaption更改标题，则可以将“冻结”潜水放在错误的位置。在_complete之后调用setCaption方法无法解决问题，而且仍有the next demo上的结果：

enter image description here

为了解决这个问题，我编写了非常简单的函数fixPositionsOfFrozenDivs

var fixPositionsOfFrozenDivs = function () {
        if (typeof this.grid.fbDiv !== "undefined") {
            $(this.grid.fbDiv).css($(this.grid.bDiv).position());
        }
        if (typeof this.grid.fhDiv !== "undefined") {
            $(this.grid.fhDiv).css($(this.grid.hDiv).position());
        }
    };

用于修复冷冻潜水的位置。

最后，我将loadComplete的实施改为以下内容：

loadComplete: function () {
    var $this = $(this), newCapture = "", filters, rules, rule, op, i, iOp,
        postData = $this.jqGrid("getGridParam", "postData"),
        isFiltering = $this.jqGrid("getGridParam", "search");

    if (isFiltering === true && typeof postData.filters !== "undefined") {
        filters = $.parseJSON(postData.filters);
        newCapture = "Filter: [";
        rules = filters.rules;
        for (i = 0; i < rules.length; i++) {
            rule = rules[i];
            op = rule.op;  // the code name of the operation
            iOp = $.inArray(op, arOps);
            if (iOp >= 0 && typeof $.jgrid.search.odata[iOp] !== "undefined") {
                op = $.jgrid.search.odata[iOp];
            }
            newCapture += rule.field + " " + op + " '" + rule.data + "'";
            if (i + 1 !== rules.length) {
                newCapture += ", ";
            }
        }
        newCapture += "]";
    }
    $this.jqGrid("setCaption", newCapture);
    fixPositionsOfFrozenDivs.call(this);
}

数组arOps定义为

var arOps = ["eq", "ne", "lt", "le", "gt", "ge", "bw", "bn", "in", "ni", "ew", "en",
             "cn", "nc"];

结果我会在答案开始时引用the demo。如果要在搜索过滤器工具栏或高级搜索对话框中键入一些过滤器，网格的标题将会更改（如原始示例中所示），但所有冻结的潜水位置都将正确。

为什么Jqgrid冻结列似乎不适用于过滤行和过滤器标题？

1 个答案: