Buttons in Lists

Sample Code

<GroupedList name="myList" searchable="true" dataSource="ProcessContext::OverviewList.Items[]">
  <Items name="Items" itemPattern="myItemPattern">
    <ItemListLayout>
      <Default>
        <Col width="10em">
          <Row layoutType="ItemSecondary" bindingId="Button1" />
        </Col>
      </Default>
    </ItemListLayout>
    <Bindings>   
      <Binding target="Button1" type="Button" binding=".displayedImageId" bindingMode="ONE_WAY" imageType=".svg"/>
    </Bindings>
  </Items>
  <Events>
    <ListButtonPressedEvent event="buttonPressed">
      <Params>
        <Param name="pKey" value=".pKey" />
      </Params>
    </ListButtonPressedEvent>
  </Events>

Using the binding element of the typeButton displays the button of the same bindingId in all the list items.

Customization of Buttons in Lists

You can customize the buttons in lists using the binding type, Dynamic. You can set the typeField value of Dynamic binding as data source attribute that specifies the actual type at run time. You can show or hide buttons in the lists through customization.

Sample Code (Customization)

<GroupedList name="myList" searchable="true" dataSource="ProcessContext::OverviewList.Items[]">
  <Items name="Items" itemPattern="myItemPattern">
    <ItemListLayout>
      <Default>
        <Col width="10em">
          <Row layoutType="ItemSecondary" bindingId="Button1" />
        </Col>
      </Default>
    </ItemListLayout>
    <Bindings>
      <Binding target="Button1" type="Dynamic" typeField="variantType" binding=".buttonImageIcon" bindingMode="ONE_WAY" imageType=".svg"/>
    </Bindings>
  </Items>
  <Events>
    <ListButtonPressedEvent event="buttonPressed">
      <Params>
        <Param name="pKey" value=".pKey" />
      </Params>
    </ListButtonPressedEvent>
    </Events>
</GroupedList>

Note

• Consumer Goods Cloud Mobile App Framework implicitly adds the bindingId of the short pressed button as a parameter to the ListButtonPressedEvent event.
• You can enable or disable buttons using the Edit and Access rights through Access Control List.
• You can show or hide buttons in the lists through customization.
• You can’t use two buttons of the same bindingId in the same list.
• You can use more than one button in a list with a different bindingId.
• You can also change the image displayed in the button dynamically using the binding value.
• If a resource binding is used for an image of Button binding type then no Edit and Access rights support is available.