This is the archived documentation for WaveMaker v10 and v11

For newer WaveMaker versions (v12 and above), please visit the Latest WaveMaker Docs.

Skip to main content
Version: v11.14.2

Using Cascading Select within Live Form

We will see how to configure cascading selects for Live Form fields using the on Change Event. We are placing the Live Form within a list.

  1. Use cascaded selects in Live form within a list.
  2. Use an on Change event which will have oldval and newval and newval can be used to filter data in the other select widget.
  3. Update of rows in Live form with form data mapped to current item of the list.

We will be using the following JavaScript function:

Page.liveform1_categorytestChange = function($event, widget, item, currentItemWidgets, newVal, oldVal) { Page.Variables.selectsubcategory.setInput('type', newVal.category); Page.Variables.selectsubcategory.update(); };

Live Form Use Cases