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

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

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

为了使我的回答对 Google 更友好，我包含了小代码片段

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;
}

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