New to Kendo UI for jQuery? Download free 30-day trial

Adding New Items

You can enable users to add a new item when the search results do not match their filtering conditions.

For a runnable example, refer to the demo on adding new items to the DropDownList.

  1. Initialize the DropDownList.

      <input id="products" style="width: 100%;" />
              $(document).ready(function() {           
                  var data = [
                    { ProductName: "Beer", ProductID: "1" },
                    { ProductName: "Tee", ProductID: "2" },
                    { ProductName: "Coffee", ProductID: "3" }
                      filter: "startswith",
                      dataTextField: "ProductName",
                      dataValueField: "ProductID",
                      dataSource: data
  2. Refer the data source of the DropDownList.

      var widget = $("#products").getKendoDropDownList();
      var dataSource = widget.dataSource;
  3. Implement the confirmation dialog.

      if (confirm("Are you sure?")) {
          ProductID: 0,
          ProductName: value
  4. Sync the data to update the records."sync", function() {
 - 1);

See Also

In this article
Not finding the help you need? Improve this article