Add a new item as First item after using DataSource...

[Nicklas]

Im using the following code to read from a database, output to json and transfer to my Kendo UI Combobox.
It works great. BUT i can´t figure out how to do add a special item that is first in the list and is selectable.
I would like to add "No Project" and it should be selected as default. It should be on top of the list.

               var project = $("#project").kendoComboBox({
                        filter: "contains",
                        height: 300,
                        //text: "No Project",
                        //value: "",
                        autoBind: false,
                        suggest: true,
                        highLightFirst: false,
                        placeholder: "Select project...",
                        dataTextField: "DBText",
                        dataValueField: "DBValue",
                        template: '<span class=\"comboList\">${ data.DBText }</span>',
                        change: ProjectonChange,
                        dataSource: {
                            type: "json",
                            serverFiltering: false,
                           
                            transport: {
                                read: "ListCustomers.cshtml?list=project&uid=@QueryUserId"
                            }
                        }
                    }).data("kendoComboBox");

[Kiril Nikolov]

Hello Nicklas,

You can add an item to the dataSource binded to the ComboBox and then select this item. But this can be done after the dataSource is populated with the remote data. Using autoBind = false, makes the widget bind its dataSource when it is opened or something is typed inside the text box, so you will need to add the item after the dataSource is binded.

Please check the following example showing a possible implementation:

http://jsbin.com/eQeD/2/edit
 
Regards,
Kiril Nikolov
Telerik