如何在 kendo ui dropdownlist 远程数据前添加静态项目

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" });