New to Telerik UI for ASP.NET Core? Download free 30-day trial

Cascading MultiColumnComboBox

Loading Demo...

EXAMPLE
VIEW SOURCE
Edit in Theme Builder
Change Theme
Default
SASS

LESS
- Default
- Bootstrap
- Material
- Launch Theme Builder
- Black
- Blue Opal
- Bootstrap v3
- Default
- Fiori
- Flat
- High Contrast
- Material
- Material Black
- Metro
- Metro Black
- Moonlight
- Nova
- Office 365
- Silver
- Uniform

            
                        cascadingmulticolumncombobox.cshtml
                    
                        CascadingMultiColumnComboBoxController.cs
                    
                        CategoryViewModel.cs
                    
                        ProductViewModel.cs
                    
                        OrderViewModel.cs

Also available for:

API REFERENCE

Catergories:
Products:
Orders:

$(document).on("kendoReady", function () { var categories = $("#categories").data("kendoMultiColumnComboBox"), products = $("#products").data("kendoMultiColumnComboBox"), orders = $("#orders").data("kendoMultiColumnComboBox"); $("#get").click(function () { var categoryInfo = "\nCategory: { id: " + categories.value() + ", name: " + categories.text() + " }", productInfo = "\nProduct: { id: " + products.value() + ", name: " + products.text() + " }", orderInfo = "\nOrder: { id: " + orders.value() + ", name: " + orders.text() + " }"; alert("Order details:\n" + categoryInfo + productInfo + orderInfo); }); }); #fieldlist { margin: 0; padding: 0; } #fieldlist li { list-style: none; padding-bottom: 1.5em; text-align: left; } #fieldlist label { display: block; padding-bottom: .3em; font-weight: bold; text-transform: uppercase; font-size: 12px; }

Cascading MultiColumnComboBox

Support & Learning Resources

Was this demo helpful?

Tell us how we can improve this demo