2

数据:

16.00 小时 19.99 小时 210.46 小时 262.54 小时 303.19 小时 55.95 小时 60.07 小时 64.07 小时 7.95 小时

我想要的是:

我需要允许在 koGrid 中对这个数据之王进行排序(通过单击网格标题、asc 或 desc 排序的默认功能)。

问题:

数据是字符串,因此您可能会猜到它是如何排序的 - 通过字符代码。我有哪些选择?我发现一列可以分配 sortFn,我猜是这样的?

在此处输入图像描述

代码:

this.gridOptions = {
            canSelectRows: false,
            showColumnMenu: false,
            showFilter: false,
            columnDefs: [

                { field: 'localizedName', displayName: 'Name' },
                {
                    field: 'localizedDuration', displayName: 'Duration',
                    sortFn: function (itemA: string, itemB: string) {
                        var numA = parseFloat(itemA);
                        var numB = parseFloat(itemB);

                        if (!numA && !numB)
                            return 0;
                        else if (!itemA && (itemA === undefined || itemA === null))
                            return 1;
                        else if (!itemB && (itemB === undefined || itemB === null))
                            return -1;

                        if (numA > numB)
                            return -1;
                        else if (numA < numB)
                            return 1;

                        return 0;
                    }
                },
            ],
            data: this.dataRows
        };

小提琴: JSFiddle

4

1 回答 1

2

试着像这样修改你的代码

看法 :

<div data-bind="koGrid: gridOptions"></div>

视图模型:

vm = function () {
    var self = this;
    self.myData = ko.observable([{
        hours: '113.02 hours'
    }, {
        hours: '13.01 hours'
    }, {
        hours: '303.01 hours'
    }, {
        hours: '33.01 hours'
    }]);

    self.gridOptions = {
        data: self.myData,
        columnDefs: [{
            field: 'hours',
            displayName: 'hours',
            sortFn(a, b) {
                if (!(a && b)) {
                    return -1;
                }
                var a1 = parseFloat(a.split(' ')[0]);
                var b1 = parseFloat(b.split(' ')[0]);
                if (a1 > b1) return 1;
                if (a1 < b1) return -1;
                if (a1 = b1) return 0;
            }
        }]
    };
};
ko.applyBindings(new vm);

在这里工作小提琴

此处提供参考文档

于 2015-06-12T06:42:09.060 回答