排序Kendocombobox的项目

时间:2015-04-13 12:13:57

标签: jquery kendo-ui kendo-combobox

我在我的应用程序中使用了一个Kendo ComboBox,代码如下:

$("#txtSetorOrigem").kendoComboBox({
    change : function (e) {
        if (this.value() && this.selectedIndex == -1) {                    
            alert('You must select a valid item');
            this.value('');
        }
    },
    filter : 'contains',
    dataTextField: "setorNome",
    dataValueField: "setorId",
    dataSource: [
        { setorNome: "bbb", setorId: 1 },
        { setorNome: "aaa", setorId: 2 },
        { setorNome: "eee", setorId: 3 },
        { setorNome: "ccc", setorId: 4 },
        { setorNome: "ddd", setorId: 5 }
    ],
    select: function(e) {
        var item = e.item;
        var text = item.text();
        $(".txtSelSetorOrigem").val(text);
        $(".txtSetorOrigem").val(text);
    }
});

如何使用kendocombobox按项目(setorNome)对此数据源进行排序?
AAA
BBB
CCC
DDD
EEE ...

1 个答案:

答案 0 :(得分:5)

这是一个dojo,它显示了一种方法:Sorting Data Source

我所做的就是在数据源中添加一个排序部分,如下所示:

 {
    data:[
        { setorNome: "bbb", setorId: 1 },
        { setorNome: "aaa", setorId: 2 },
        { setorNome: "eee", setorId: 3 },
        { setorNome: "ccc", setorId: 4 },
        { setorNome: "ddd", setorId: 5 }],
    sort:{field:"setorNome", dir:"asc"}
}

有关dataSource对象的更多信息,请检查以下链接:Kendo DataSource Sorting我已将其链接到排序部分。

希望这就是你所追求的。如果没有,请告诉我,我会为您寻找另一种解决方案。