Dashboard for ASP.NET Core - How to implement dependent custom properties in a custom item

This example shows how to implement a Custom Item with Custom Properties that depend on each other.

The custom item contains the following custom properties:

• backColorEnabledProperty
• backColorProperty
• rowBorderVisibleProperty
• rowBorderWeightProperty

The UI of backColorProperty is enabled when backColorEnabledProperty is set to true.

The UI of rowBorderWeightProperty is visible when rowBorderVisibleProperty is set to true.

The control handles the following ICustomItemMetaData.optionsPanelSections events to implement this behavior:

• SectionOptions.onInitialized - for initial configuration.
• SectionOptions.onFieldDataChanged - for configuration after changes.

The changeVisibleState and changeDisabledState methods use the API of the DevExtreme dxForm widget to apply visual state changes. Item content is rendered based on custom property values in the CustomItemViewer.renderContent method.

Files to Review

• CustomDataAwareItem.js

Documentation

• Create Custom Properties

More Examples

• Dashboard for ASP.NET Core - Custom Properties
• ASP.NET Web Forms Dashboard Control - Custom Properties
• ASP.NET MVC Dashboard Control - Custom Properties
• Dashboard Component for Angular - Custom Properties
• WinForms Dashboard Designer - Custom Properties
• WPF Dashboard Viewer - Custom Properties
• Multiplatform Example - Constant Lines

Does this example address your development requirements/objectives?

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