MultiColumnComboBox概述

Telerik UI for ASP。NET MVC忍者形象

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声明。