Server Binding

You can configure the Telerik UI DropDownList for server binding to the Northwind Products table which uses Linq to SQL.

1. Create a new action method and pass the Products table as the model.

   public ActionResult Index()
   {
       NorthwindDataContext northwind = new NorthwindDataContext();
   
       return View(northwind.Products);
   }
   

2. Make your view strongly typed.

   @model IEnumerable<MvcApplication1.Models.Product>
   

3. Add a server bound DropDownList.

       @(Html.Kendo().DropDownList()
       .Name("productDropDownList") // The name of the DropDownList is mandatory. It specifies the "id" attribute of the widget.
       .DataTextField("ProductName") // Specify which property of the Product to be used by the DropDownList as a text.
       .DataValueField("ProductID") // Specify which property of the Product to be used by the DropDownList as a value.
       .BindTo(Model)   // Pass the list of Products to the DropDownList.
       .SelectedIndex(10) // Select an item with index 10. Note that the indexes are zero-based.
       )
   

   <kendo-dropdownlist name="productDropDownList"
                   datatextfield="ProductName"
                   datavaluefield="ProductID"
                   bind-to="Model"
                   index="10">
   </kendo-dropdownlist>
   

See Also

• Server-Side API