Telerik UI for ASP。网络核心?下载30天免费试用

过滤概述

ASP。NET Core MultiSelect提供了筛选数据和只显示数据子集的选项。

服务器过滤

当使用服务器过滤时,整个数据集的减少部分从服务器返回。在处理包含数千条记录的大型数据集时,显示整个数据的子集非常有用。类定义最小筛选器长度,可以提高性能和加载时间最小长度选择。例如,如果您将MinLength设置为3,则ASP。网络核心多选will not send a request to the remote endpoint and start the filtering process until the user enters at least three characters.

应用服务器筛选时,只筛选多重选择的源。要对数据集进行分页和筛选,请使用虚拟化特性。

配置ASP的用户界面。网络核心多选for Server Filtering:

  1. 设置ServerFiltering选项的DataSource组件真正的
  2. 设置过滤器属性的多重选择。

下面的示例演示如何为服务器筛选配置多选。

@(Html.Kendo(). multiselect (). name ("products") . datatextfield ("ProductName") . datavaluefield ("ProductID") . filter (FilterType.Contains) . datasource (source =>{源。读(读=>{读。行动(“ServerFiltering_GetProducts”、“多选”);}) .ServerFiltering(真正的);}))
  <传输> <读取url="@Url。行动(“ServerFiltering_GetProducts”、“多选”)”/>    .
public JsonResult ServerFiltering_GetProducts(string text) {using (var northwind = GetContext()) {var products = northwind. products。选择(product => new ProductViewModel {ProductID = product. model)ProductID, ProductName =产品。ProductName, UnitPrice = product.UnitPrice。值,UnitsInStock = product.UnitsInStock。值,UnitsOnOrder = product.UnitsOnOrder。价值,停产=产品。停止});if (!string.IsNullOrEmpty(text)) {products = products。Where(p => p. productname . contains (text));} return Json(products.ToList());}}

客户端过滤

对于较小的数据集,ASP。网络核心多选also supports Client Filtering. To configure it, set the ServerFiltering property to false. This way the MultiSelect dataset will be filtered on the client without sending additional requests to remote endpoint.

@(Html.Kendo(). multiselect (). name ("products") . datatextfield ("ProductName") . datavaluefield ("ProductID") . filter (FilterType.Contains) . datasource (source =>{源。读(读=>{读。行动(“ServerFiltering_GetProducts”、“多选”);}) .ServerFiltering(假);}))
  <传输> <读取url="@Url。行动(“ServerFiltering_GetProducts”、“多选”)”/>    .
public JsonResult ServerFiltering_GetProducts() {с using (var northwind = GetContext()) {var products = northwind. products . public JsonResult ServerFiltering_GetProducts() {с using (var northwind = GetContext())选择(product => new ProductViewModel {ProductID = product. model)ProductID, ProductName =产品。ProductName, UnitPrice = product.UnitPrice。值,UnitsInStock = product.UnitsInStock。值,UnitsOnOrder = product.UnitsOnOrder。价值,停产=产品。停止});返回Json (products.ToList ());}}

另请参阅

在本文中
Baidu
map