排序 Kendocombobox 的项目

Question

我在我的应用程序中使用 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 ...

Answer 1

这是一个演示如何做的道场：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 对象的更多信息，请查看此 link：Kendo DataSource Sorting 我已为您 link 将其编辑到排序部分。

希望这就是您想要的。如果没有，请告诉我，我会为您研究另一种解决方案。

排序 Kendocombobox 的项目

Sort items of Kendocombobox

jquery

kendo-ui

kendo-combobox