Server Binding

Local data is the data that is available on the client when the AutoComplete is initialized.

You can bind the AutoComplete locally on the server by passing the appropriate collection to the HTML helper BindTo() method.

1. Pass the data to the view through ViewData.

       public ActionResult Index()
       {
           ViewData["products"] = GetProducts();
   
           return View(new ProductViewModel
           {
               ProductID = 4,
               ProductName = "ProductName4"
           });
       }
   
       private static IEnumerable<ProductViewModel> GetProducts()
       {
           var products = Enumerable.Range(0, 2000).Select(i => new ProductViewModel
           {
               ProductID = i,
               ProductName = "ProductName" + i
           });
   
           return products;
       }
   

2. Add the AutoComplete to the view and bind it to the data that is saved in ViewData.

       @model MvcApplication1.Models.ProductViewModel
   
       @(Html.Kendo().AutoCompleteFor(m => m.ProductName)
           .DataTextField("ProductName")
           .BindTo((System.Collections.IEnumerable)ViewData["products"])
       )
   

   See Also

• Ajax Data Binding
• Ajax Data Binding by the AutoComplete HtmlHelper for ASP.NET Core (Demo)
• Server-Side API