Server Binding

During the server data-binding mode, the data is serialized to the client and no Ajax requests are made.

To configure the AutoComplete for server binding to the Northwind Products table by using Linq to SQL:

  1. Make sure you followed all the steps from the introductory article on Telerik UI for ASP.NET MVC.
  2. Create a new action method and pass the Products table as the model.

    public ActionResult Index()
    {
        NorthwindDataContext northwind = new NorthwindDataContext();
    
        return View(northwind.Products);
    }
    
  3. Make your view strongly typed.

        <%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master"
        Inherits="System.Web.Mvc.ViewPage<IEnumerable<MvcApplication1.Models.Product>>" %>
    
        @model IEnumerable<MvcApplication1.Models.Product>
    
  4. Add a server-bound AutoComplete.

        <%: Html.Kendo().AutoComplete()
            .Name("productAutoComplete") // The name of the AutoComplete is mandatory. It specifies the "id" attribute of the AutoComplete.
            .DataTextField("ProductName") // Specify which property of the Product to be used by the AutoComplete.
            .BindTo(Model)   // Pass the list of Products to the AutoComplete.
            .Filter("contains") // Define the type of the filter, which AutoComplete will use.
        %>
    
        @(Html.Kendo().AutoComplete()
            .Name("productAutoComplete") // The name of the AutoComplete is mandatory. It specifies the "id" attribute of the AutoComplete.
            .DataTextField("ProductName") // Specify which property of the Product to be used by the AutoComplete.
            .BindTo(Model) // Pass the list of Products to the AutoComplete.
            .Filter("contains") // Define the type of the filter, which AutoComplete will use.
        )
    

See Also

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