MultiColumnComboBox概述
multiolumncombobox是Telerik UI for ASP。NET MVC,一个具有 110+ 组件的专业级UI库,用于构建现代和功能丰富的 应用程序。想要试用它,可以注册一个30天的免费试用期。
Telerik UI multiolumncombobox HtmlHelper for ASP。NET MVCis a server-side wrapper for the Kendo UI MultiColumnComboBox widget.
MultiColumnComboBox在一个类似网格的表格中可视化大量的数据集。
初始化MultiColumnComboBox
下面的示例演示如何定义MultiColumnComboBox。
@(Html.Kendo(). multicolumncombobox (). name ("multicolumncombobox") .占位符("选择产品"). datatextfield ("ProductName"). datavaluefield ("ProductID") . columns (columns => {columns. add (). field ("ProductName")。标题("产品名称").宽度("200px")列。add().字段("ProductID")。标题(“产品编号”).Width (200 px);}) . filter (FilterType.StartsWith) . datasource(源=>{源。读(读=>{读。行动(“Products_Read”、“MultiColumnComboBox”);}) .ServerFiltering(真正的);}))
公共类MultiColumnComboBoxController: Controller {public IActionResult Index() {return View();} public JsonResult Products_Read(string text) {var result = GetProducts();if (!string.IsNullOrEmpty(text)){结果=结果。Where(p => p. productname . contains (text)).ToList();}返回Json(结果);} private static IEnumerable GetProducts() {var result = Enumerable。范围(0,50)。Select(i => new ProductViewModel {ProductID = "" + i, ProductName = "Product " + i});返回结果;}}
基本配置
下面的示例演示了MultiColumnComboBox的基本配置。
@(Html.Kendo(). multicolumncombobox (). name ("multicolumncombobox") .占位符("选择产品"). datatextfield ("ProductName"). datavaluefield ("ProductID") . columns (columns => {columns. add (). field ("ProductName")。标题("产品名称").宽度("200px")列。add().字段("ProductID")。标题(“产品编号”).Width (200 px);}) .HtmlAttributes(new {style = "width:100%;"}) . filter ("contains") . autobind (true) . minlength (3) . height (400) . datasource (source => source . read (read => read.)Action("Products_Read", "MultiColumnComboBox")) .ServerFiltering(true)))
功能和特性
事件
有关基本MultiColumnComboBox事件的完整示例,请参阅使用multiolumncombobox事件的演示.
引用现有实例
要引用现有的MultiColumnComboBox实例,请使用jQuery.data ()
配置选项。建立了引用之后,使用MultiColumnComboBox客户端API控制它的行为。
//在你的Telerik UI multiolumncombobox for ASP. com后放置以下内容NET MVC声明。