Pass a Parameter from Widget to a List Builder

The ParameterSection element is now available as a child element of the ListBuilder element on page specs so that you can set up UI widgets and list builders that work together by passing parameters from the widgets to update the list builders.

A new Kitchen Sink sample demonstrates this ability to pass parameters from a UI widget to a list builder. From Kitchen Sink, click List builder. On the List Builder page, the new sample appears on the UIWidget Parameter Section tab.

In the UI Widget section's Min age widget fields, users can enter a minimum age. When users click Apply, the widget passes the value to the list builder, and the List Builder section filters the list to only display entries if the values in the Age column that are greater than the minimum age from the widget.

On the page spec for the List Builderpage, the Tab element for the UIWidget Parameter Section tab includes two Section elements for the UI Widget and List Builder sections. And within the ListBuilder element for the second section, the ParameterSection element specifies the UI widget section that passes the parameter and then maps a field from the UI widget to the list builder.

Tip: For more information about how the Kitchen Sink sample passes parameters from the UI widget to the list builder, see Use ParameterSection Element to Pass a Parameter from Widget to a List Builder. And for information about a similar Kitchen Sink sample that passes parameters from a UI widget to a data list, see Pass a Parameter from a Widget to a Data List.