Question

我正在使用loadonce预先获取所有数据，然后在本地进行排序和过滤。

我的一个列值是一个对象数组。在colModel选项中，我使用格式化程序函数，如下所示：

function my_formatter(cellValue) 
{ 
    return $.map(cellValue, function(element) {return element.human_readable_name;}).join(', '); 
}

我还使用自定义排序功能，只返回数组的长度。

我遇到的问题是工具栏过滤和多字段对话框过滤无效。他们似乎在搜索[objects] .toString（）而不是格式化的值。因此，当我搜索“[object Object]”时，我会收到命中，但是当我搜索实际值时却没有。

有没有办法让本地过滤使用格式化的值？

根据Oleg的回复进行编辑：

我调整了Oleg的代码来添加每列过滤器格式。它似乎运作良好。我删除了_toStr替换，因为它似乎没有必要 - 我认为它用于修改搜索术语（这在Oleg的重音剥离情况下是有意义的，但在我的情况下却没有。）

// Causes local filtering to use custom formatters for specific columns.
// formatters is a dictionary of the form:
// { "column_name_1_needing_formatting": "column1FormattingFunctionName",
//   "column_name_2_needing_formatting": "column2FormattingFunctionName" }
// Note that subsequent calls will *replace* all formatters set by previous calls.
function setFilterFormatters(formatters)
{
    function columnUsesCustomFormatter(column_name)
    {
        for (var col in formatters)
        {
            if (col == column_name)
            return true;
        }
        return false;
    }

    var accessor_regex = /jQuery\.jgrid\.getAccessor\(this\,'(.+)'\)/;

    var oldFrom = $.jgrid.from;
    $.jgrid.from = function(source, initialQuery) {
        var result = oldFrom(source, initialQuery);
        result._getStr = function(s) {
            var column_formatter = 'String';

            var column_match = s.match(accessor_regex, '$1');
            if (column_match && columnUsesCustomFormatter(column_match[1]))
            {
                column_formatter = formatters[column_match[1]];
            }

            var phrase=[];
            if(this._trim) {
                phrase.push("jQuery.trim(");
            }
            phrase.push(column_formatter+"("+s+")");
            if(this._trim) {
                phrase.push(")");
            }
            if(!this._usecase) {
                phrase.push(".toLowerCase()");
            }
            return phrase.join("");
        }

        return result;
    }; 
}

它被这样调用：

setFilterFormatters({'column_with_array_of_objects':'my_formatter'});

测试表明这适用于'包含'，'不包含'，'等于'，'不等于'（可能'以'开头'和其他简单的字符串比较 - 但我没有使用它们）。

谢谢，奥列格。

Answer 1

在trirand论坛的旧answer中，我描述了如何实现自定义本地过滤和排序。 The demo显示无重音搜索和排序。如果您使用相同的技术，您可以覆盖用于搜索的一些jqGrid函数（例如_toStr和_getStr）并实现它，以便在数组的情况下，您将使用自己的实现。

为了让我的答案更加友好，我加入了小代码片段

function myAccentRemovement(s) {
    // the s parameter is always string
    s = s.replace(/[àáâãäå]/gi,'a');
    s = s.replace(/[èéêë]/gi,'e');
    s = s.replace(/[ìíîï]/gi,'i');
    s = s.replace(/[òóôõöø]/gi,'o');
    s = s.replace(/[ùúûü]/gi,'u');
    s = s.replace(/[ýÿ]/gi,'y');
    s = s.replace(/æ/gi,'ae');
    s = s.replace(/œ/gi,'oe');
    s = s.replace(/ç/gi,'c');
    s = s.replace(/š/gi,'s');
    s = s.replace(/ñ/gi,'n');
    s = s.replace(/ž/gi,'z');
    return s;
}
//...
var oldFrom = $.jgrid.from;
$.jgrid.from = function(source,initalQuery){
    var result = oldFrom(source,initalQuery);
    var old_toStr = result._toStr;
    result._toStr=function(s) {
        return myAccentRemovement(old_toStr(s));
    };
    result._getStr=function(s) {
        var phrase=[];
        if(this._trim){
            phrase.push("jQuery.trim(");
        }
        phrase.push("myAccentRemovement(String("+s+"))");
        if(this._trim){
            phrase.push(")");
        }
        if(!this._usecase){
            phrase.push(".toLowerCase()");
        }
        return phrase.join("");
    }
    return result;
}

这将解决问题。我不能给出更准确的建议，因为您没有发布有关您使用的数据的确切结构的信息。

如何在jqgrid中对格式化的列值进行本地搜索？

1 个答案: