ESFramework Application Walkthrough

Part 9: Setting up dependencies between widgets

In this tutorial we will be creating the Employee By Period tab content, which can be considered as a reporting tab. It allows the user to select the filters of the returned data using a series of dependent dropdowns. When any one of these dropdowns are used, the report will be updated immediately with the corresponding results.

The process of setting up a widget to respond to another is referred to as establishing a dependency. In ESFramework a widget can depend on one or more widgets by simply configuring the dependsOn property. No need to write complex logic and dependency chain management routines to ensure that widgets are properly refreshed when needed and, more importantly, not overly refreshed when multiple dependencies are needed.

This tutorial illustrates how to create an esGrid that depends on four different dropdowns. Two of the dropdowns are created using a standard list-style dropdown. The other two allow for hierarchical navigation. In addition, we will cover how ESFramework optimizes datasources defined in datasources section of the module for performance.

Highlights

Live Application

Part 9 - Setting up dependencies between widgets

Video Walkthrough

Video Coming Soon