DevExpress-Examples / devextreme-cascading-selectboxes

This example demonstrates how to implement standalone and in-Form cascading SelectBoxes

SelectBox for DevExtreme - How to implement standalone and in-form cascading SelectBoxes

This example demonstrates how to implement cascading SelectBoxes in the following scenarios:

• Standalone SelectBoxes
• SelectBoxes in Form

When you select a value from the first SelectBox, the second SelectBox loads the filtered values. In this example, only cities from the selected state appear in the second SelectBox.

To implement this functionality, get the value from the first editor and filter the dataSource by this value in the second editor.

Files to Review

• jQuery
  • index.html
• Angular
  • app.component.html
  • app.component.ts
• Vue
  • App.vue
• React
  • App.js
• NetCore
  • Index.cshtml

Documentation

• Getting Started with SelectBox

• SelectBox - API Reference

More Examples

• DataGrid for DevExtreme - How to implement cascading DropDownBoxes