jquery - 如何使用静态项目预先添加 kendo ui 下拉列表远程数据

Question

可能是标题不像我希望的那样清晰。我一直在将 kendo ui 用于联系人管理系统，我需要为特定用户预先加载（通过 ajax）组，方法是使用 value = 的“所有联系人” -1。这是一个删除实际上是一个组但在数据库中没有说明的所有联系人的选项。所以在下拉列表完成加载时，我们应该有如下选项（从 ajax 调用加载第 1 组、第 2 组、第 3 组，手动添加所有联系人）：

all contacts
group 1
group 2 
group 3

下面是我的代码，它工作正常，为用户加载组。

$("#groupCombo").kendoDropDownList({
                placeholder: "all contacts",
                dataTextField: "NAME",
                dataValueField: "GROUP_ID",
                dataSource : {
                    transport:{
                       read: {
                            url: crudServiceBaseUrl+"subscribers/readgroups", 
                            dataType: "json",
                            data: {
                              userId: dataItem.USER_ACCOUNT_ID
                            }
                        } 
                    }
                }
            });   

我怎样才能做到这一点？感谢您阅读本文。

Answer 1

数据源有一个插入函数，它将一个新的模型实例插入数据源。

// insert a new model item at the very front of the collection
$("#groupCombo").data('kendoDropDownList').dataSource.insert(0, { GROUP_ID: -1, NAME: "all contacts" });