ASP.Net core Kendo UI Grid with MultiColumnComboBox example

Question

Emily Foster · Answer

Certainly! A Kendo UI Grid with a MultiColumnComboBox in ASP.Net Core can be a powerful tool for displaying tabular data while allowing users to select values from a dropdown list with multiple columns. This combination provides a user-friendly interface for data manipulation and selection within a web application. To implement this in ASP.Net Core using Kendo UI, you would typically define your Kendo UI Grid and MultiColumnComboBox in your Razor view. Here is a simplified example to illustrate this concept: @(Html.Kendo().Grid () .Name("grid") .Columns(columns => { columns.Bound(p => p.Id); columns.Bound(p => p.Name); columns.ForeignKey(p => p.CategoryId, (System.Collections.IEnumerable)ViewBag.Categories, "Id", "Name"); }) .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("GetProducts", "Product")) ) ) @(Html.Kendo().MultiColumnComboBox() .Name("multiColumnComboBox") .Placeholder("Select product...") .DataTextField("ProductName") .Columns(columns => { columns.Add("ProductName").Title("Product Name"); columns.Add("UnitPrice").Title("Unit Price"); }) .DataSource(source => { source.Read(read => { read.Action("GetProducts", "Product"); }) .ServerFiltering(true); }) ) In this example: - The Kendo UI Grid displays data with columns like Id, Name, and a CategoryId column bound to a MultiColumnComboBox for selecting categories. - The MultiColumnComboBox allows users to search and select products based on multiple columns like ProductName and UnitPrice. - Both components are configured to fetch data asynchronously from a controller action ("GetProducts" in this case) using AJAX requests. By combining the Kendo UI Grid with a MultiColumnComboBox, you can enhance the user experience by providing a seamless interface for viewing and selecting data within your ASP.Net Core application. I hope this example gives you a clearer idea of how to implement a Kendo UI Grid with a MultiColumnComboBox in ASP.Net Core. Let me know if you need further clarification or have any specific questions!

ASP.Net core Kendo UI Grid with MultiColumnComboBox example

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (1)