Ajax绑定
方法提供对远程数据绑定的支持数据源
配置对象。您可以将AutoComplete配置为通过发出AJAX请求从远程源获取数据。
创建一个以JSON结果返回数据的操作。
public IActionResult Index() {return View(new ProductViewModel {ProductID = 4, ProductName = "ProductName4"});} public JsonResult GetProductsAjax() {var products =可枚举的。范围(0,500)。Select(i => new ProductViewModel {ProductID = i, ProductName = "ProductName" + i});返回Json(产品);}
将AutoComplete添加到视图中,并配置其DataSource以使用远程数据。
@ model MvcApplication1.Models。ProductViewModel @ (Html.Kendo()。自动完成For(m => m.ProductName) .Filter("contains") .DataTextField("ProductName") .Placeholder("Select product...") .DataSource(source => { source.Read(read => { read.Action("GetProductsAjax", "Home"); }) .ServerFiltering(false); }) )