You are here:
Stepper Control Extensions
Stepper control is an input control that you can use to navigate through a range of values. To enable lists to display latest values that are selected in one stepper control but not reflected in the linked stepper control, use the stepperCorrelationId attribute in list bindings. This attribute links the input areas of the two lists that are rendered on the page. This enables you to view the change made in stepper control in one list, which is then reflected in the co-related stepper control of the other list.
Required Editions
| Available in Lightning Experience in Professional, Unlimited, and Enterprise Editions that have Consumer Goods Cloud enabled. |
Set the value of the stepperCorrelationId attribute to a property of a list item. Prefix the defined LI property with a "."; for example, stepperCorrelationId=".pKey". You can use this attribute in GroupedList, EmbeddedList, BreadCrumbControl, MultiSelectionBreadCrumbControl, and MultiSelectionGroupedList.
During application run time, the control checks whether stepperCorrelationId refers to a valid value. If the value is valid, correlation events are triggered; otherwise, a warning is logged.
If you don’t define the stepperCorrelationId attribute in a contract, the Consumer Goods Cloud offline mobile app continues to function as earlier, but the linked stepper controls in the lists may not be in sync until you save the value.
<MultiSelectionBreadCrumbControl name="OrderItems" searchable="true" groupBy="groupText" sortBy="groupId" direction="ASC" dataSource="ProcessContext::MainBO.LoItems.Items[]" master="true">
<Hierarchy name="OrderItemCategoryList" labelAttribute="label">
<Bindings>
<Binding target="RootLabel" type="Text" binding="ProcessContext::MainBO.boItemTabManager.rootLabel" bindingMode="ONE_TIME" />
<Binding target="Categories" type="Text" binding="ProcessContext::MainBO.boItemTabManager.numberOfLevels" bindingMode="ONE_TIME" />
<Binding target="ShowCategory" type="Text" binding="ProcessContext::MainBO.boItemTabManager.isShowCategories" bindingMode="ONE_WAY" />
<Binding target="AddItem" type="Text" binding="ProcessContext::MainBO.boItemTabManager.addProduct_HierarchyInformation" bindingMode="ONE_WAY" />
</Bindings>
<DataSources>
<DataSource name="ProcessContext::MainBO.boItemTabManager.loBreadCrumbLevel1" keyAttribute="PKey" refKeyAttribute="ParentPKey" />
<DataSource name="ProcessContext::MainBO.boItemTabManager.loBreadCrumbLevel2" keyAttribute="PKey" refKeyAttribute="ParentPKey" />
</DataSources>
<Events>
<ItemSelectedEvent event="itemSelectedHierarchy">
<Params>
<Param name="id" value=".id" />
</Params>
</ItemSelectedEvent>
<HierarchyBackEvent event="hierarchyBack" />
</Events>
</Hierarchy>
<SearchAttributes>
<SearchAttribute name="text1" />
<SearchAttribute name="eAN" />
<SearchAttribute name="prdId" />
</SearchAttributes>
<Items name="Items" itemPattern="OrderItemItem">
<ItemListLayout>
<!-- left out details for brevity -->
</ItemListLayout>
<Bindings>
<Binding target="ProductName" type="Text" binding=".text1" bindingMode="ONE_WAY" />
<Binding target="ItemState" type="Image" binding=".itemState.imageId" bindingMode="ONE_WAY" />
<Binding target="Type" type="Text" binding=".shortType" bindingMode="ONE_WAY" />
<Binding target="Quantity" type="Stepper" binding=".quantity" minBinding="minStepperValue" bindingMode="TWO_WAY" format=".0" stepperCorrelationId=".pKey"/>
<Binding target="OrderUnitInfo" type="Text" binding=".orderUnitInformation" bindingMode="ONE_WAY" />
<Binding target="UnitInfo" type="Text" binding=".unitInformation" bindingMode="ONE_WAY" />
</Bindings>
</Items>
<Events>
<!-- left out details for brevity -->
</Events>
<GroupVisibleElementConfiguration>
<GroupElementsBy>
<ListItemAttribute name="prdMainPKey" />
<ListItemAttribute name="sdoItemMetaPKey" />
<ListItemAttribute name="sdoParentItemPKey" />
</GroupElementsBy>
<PrimaryElementIndicator attributeName="isOrderUnit" />
</GroupVisibleElementConfiguration>
</MultiSelectionBreadCrumbControl> 