组件/编辑器/MultiColumnComboBox/数据绑定

新Telerik UI for ASP。NET MVC?下载30天免费试用

定制绑定

您可以使用自定义数据源并将MultiColumnComboBox绑定到ToDataSourceResult实例。

建立项目

  1. 确保您遵循了关于Telerik UI for ASP的介绍文章。NET MVC．

  2. 创建一个操作方法来呈现视图。

    public ActionResult Index() {return View();｝

  3. 创建一个新的操作方法，并将Products表作为JSON结果传递。

    public JsonResult GetProducts([DataSourceRequest] DataSourceRequest request) {NorthwindDataContext northwind = new NorthwindDataContext();返回Json (northwind.Products.ToDataSourceResult(请求));｝

  4. 添加ajax绑定的MultiColumnComboBox。

    @(Html.Kendo().MultiColumnComboBox() . name ("productMultiColumnComboBox") . datatextfield ("ProductName") //指定产品的哪个属性将被多列组合框作为文本使用。. datavaluefield ("ProductID") //指定产品的哪个属性将被多列组合框作为值使用。. columns (columns => {columns. add (). field ("ProductName")。标题("产品名称").宽度("200px")列。add().字段("ProductID")。标题(“产品编号”).Width (200 px);}) . datasource (source => {source. custom () . serverfiltering (true) . type ("aspnetmvc-ajax") //如果你想使用DataSourceRequest和ToDataSourceResult实例，请设置此类型。读(“GetProducts”、“家”);}) . schema (schema => {schema.Data("Data") //定义[Data](https://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-schema.data)选项。.Total("Total");//定义[total](https://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-schema.total)选项});}))

向服务器发送参数

下面的示例演示如何配置MultiColumnComboBox向服务器发送参数。

@(Html.Kendo().MultiColumnComboBox() . name ("productMultiColumnComboBox") // multiolumncombobox的名称是必选项。. datatextfield ("ProductName") //指定产品的哪个属性将被多列组合框使用作为文本。. datavaluefield ("ProductID") //指定产品的哪个属性将被多列组合框使用作为值。读(读=>{读。Action("GetProducts"， "Home") //设置动作和控制器名称。. data ("onAdditionalData");});}) . selectedindex(0) //选择第一项。)