Question

我正在使用jQWidgets v3.7.1并尝试使用唯一的字母数字命名约定，“Foo-1”，“Foo-2”等对jqxGrid中的列进行排序，我试图按最后排序字符串中的整数，但由于字符串中有字母和数字数据，我们可以得到的最接近的类似于：

的Foo-1

富-10

富-11

富-2

富-3- 等

我知道网格有自定义排序功能，但我不清楚如何以这种方式完成这种排序挑战。如果可能的话，我们真的不想将我们的数据结构改为像“Foo-01”，“Foo-02”这样的东西。感谢您提供的任何帮助。

更新：仅供参考，我尝试过jqWidgets提供的自定义排序示例的变体：

// prepare the data
var dataFields = 
[
    { name: 'session_name', type: 'string' },
    { name: 'current_phase', type: 'string' },
    { name: 'current_stage', type: 'string' },
    { name: 'contractor_last_name', type: 'string' },
    { name: 'contractor_first_name', type: 'string' },
    { name: 'contractor_email', type: 'string' },
    { name: 'contractor_company_name', type: 'string' },
    { name: 'engagement_manager_last_name', type: 'string' },
    { name: 'engagement_manager_first_name', type: 'string' },
    { name: 'engagement_manager_email', type: 'string' },
    { name: 'department', type: 'string' },
    { name: 'start_time', type: 'date'  },
    { name: 'outcome', type: 'string' },
    { name: 'outcome_report_file_name', type: 'string' },
    { name: 'end_time', type: 'date'  },
    { name: 'jurisdictions', type: 'string' },
    { name: 'nls_session_id', type: 'string' },
    { name: 'next_steps_url', type: 'string' },
    { name: 'action_taken', type: 'string' },
];

 var customsortfunc = function (column, direction) {
            var sortdata = new Array();

            if (direction == 'ascending') direction = true;
            if (direction == 'descending') direction = false;

            if (direction != null) {
                for (i = 0; i < dataFields.length; i++) {
                    sortdata.push(dataFields[i]);
                }
            }
            else sortdata = dataFields;

            var tmpToString = Object.prototype.toString;
            Object.prototype.toString = (typeof column == "function") ? column : function () { return this[column] };
            if (direction != null) {
                sortdata.sort(compare);
                if (!direction) {
                    sortdata.reverse();
                }
            }
            source.localdata = sortdata;
            $("#evaluations-grid").jqxGrid('updatebounddata', 'sort');
            Object.prototype.toString = tmpToString;
        }


var compare = function (value1, value2) {
    value1 = String(value1).toLowerCase();
    value2 = String(value2).toLowerCase();

    try {
        var tmpvalue1 = parseFloat(value1.replace(/Foo\-/, ''));
        if (isNaN(tmpvalue1)) {
            if (value1 < value2) { return -1; }
            if (value1 > value2) { return 1; }
        }
        else {
            var tmpvalue2 = parseFloat(value2.replace(/Foo\-/, ''));
            if (tmpvalue1 < tmpvalue2) { return -1; }
            if (tmpvalue1 > tmpvalue2) { return 1; }
        }
    }
    catch (error) {
        var er = error;
    }

    return 0;
};

var source =
{
    datatype: "json",
    datafields: dataFields,
    id: 'session_name',
    url: url,
    sort: customsortfunc,
    sortcolumn: 'session_name',
    sortdirection: 'asc'
};

但这不仅给了我一系列更不正确的结果，即：

富-2

富-3

富-4

富-5

的Foo-1

富-6

富-7- 等

但如果我尝试更改排序方向，我将从11个结果变为19，除了数据完全消失。

Answer 1

您可以通过替换Foo-部分（或所有非数字字符）来使用自定义比较功能，例如（取自jqxgrid的例子）：

var compare = function (value1, value2) {
    value1 = String(value1).toLowerCase();
    value2 = String(value2).toLowerCase();

    try {
        var tmpvalue1 = parseFloat(value1.replace(/Foo\-/, ''));
        if (isNaN(tmpvalue1)) {
            if (value1 < value2) { return -1; }
            if (value1 > value2) { return 1; }
        }
        else {
            var tmpvalue2 = parseFloat(value2.replace(/Foo\-/, ''));
            if (tmpvalue1 < tmpvalue2) { return -1; }
            if (tmpvalue1 > tmpvalue2) { return 1; }
        }
    }
    catch (error) {
        var er = error;
    }

    return 0;
};

jqxGrid

1 个答案: