Form for DevExtreme - How to change certain Form items based on a value of another item

This example demonstrates how to show/hide or enable/disable form items based on a value of another item.

The main idea is to change the visible option of a certain form item when the value of another item changes (use the onFieldDataChanged event to detect the change). The same approach can be used with the disabled option of the required form item editor. We can do that using editorOptions.

In our particular case, we hide the Address form item and disable the Hire Date item editor when the Position form item value is set to "CEO".

Files to Review

• Angular
  • app.component.html
  • app.component.ts
• React
  • App.tsx
• Vue
  • HomeContent.vue
• jQuery
  • index.html
  • index.js
• ASP.NET Core
  • Index.cshtml

Documentation

• Getting Started with Form

• Form - API Reference

Does This Example Address Your Development Requirements/Objectives?

(you will be redirected to DevExpress.com to submit your response)