Wednesday, February 2, 2011

Modeling a Cascading DropDown

Here's a quick step-by-step tutorial on how to model a 3 level cascading dropdown combobox.

  • HR Schema
  • ReadOnly viewObject for Countries, Locations and Departments 


You'll need to set viewCriterias on:
  • Location filtered by CountryId
  • Department filtered by LocationId

Create a viewObject that will utilize these models.

Sample viewObject

Add an lovModel for CountryId, LocationId and DepartmentId.

Country Attribute

Location Attribute

Department Attribute

Test your ApplicationModule

And everything in the UI is just a matter of drag-and-drop and setting autosubmit on the selectOneChoice and partialTrigger on those component that has dependencies.

1 comment: