Add a Counter to the Display List

? Select the resource you want to add. businesslogic
? Specify a name for the businesslogic: GetInfoForDisplayCard
? Select the module to which businesslogic 'GetInfoForDisplayCard' should be added. MyDisplay
? Select a suitable option for businesslogic 'GetInfoForDisplayCard'. method
? Select the reference object to which you want to add the businesslogic method. LoMyDisplays
? Do you really want to create the businesslogic 'GetInfoForDisplayCard'? Yes

The add command creates a new function and registers it in the list object:

<ListObject name="LoMyDisplays" generateLoadMethod="true" schemaVersion="1.1">
  <DataSource name="DsLoMyDisplays"/>
  <Item objectClass="LiMyDisplays"/>
  <Methods>
    <Method name="beforeSaveAsync"/>
    <Method name="afterSaveAsync"/>
    <Method name="afterLoadAsync"/>
    <Method name="beforeLoadAsync"/>
    <Method name="afterDoValidateAsync"/>
    <Method name="beforeDoValidateAsync"/>
  <Method name="myGetInfoForDisplayCard"/></Methods>
</ListObject>

The myGetInfoForDisplayCard function determines the count of the list items to show in the card depending on the form factor and the overall count. The myGetInfoForDisplayCard function returns a string that you can use to bind to the card.

  * @function myGetInfoForDisplayCard
  * @this LoMyDisplays
  * @kind listobject
  * gamespace CUSTOM
  * @returns info
  */
function myGetInfoForDisplayCard(){
        var me = this;
//////////////////////////////////////////////////////////////
//        Add your customizing javaScript code below..      //
//////////////////////////////////////////////////////////////
     // determine the max number of list items to show in card (depending on form factor)
     var limitDueToFormFactor = Utils.isPhone() ? 3 : 5;

     // number of loaded list items
     var numberOfListItems = me.getCount();
     // info text to show in card
     var info;

     // if you have less then 3/5 items show less number otherwise show 3/5
     // e.g. tablet mode and there are loaded 12 records --> 5 / 12
     // e.g. tablet mode and there are loaded 2 records --> 2 / 2
     var shownItems = numberOfListItems > limitDueToFormFactor ? limitDueToFormFactor : numberOfListItems;

     if (numberOfListItems > 0) {
        info = shownItems + " / " + numberOfListItems;
     }
     else {
         info = " "
     }

<!-- Card: Display -->
<Declaration name="CardDisplay_DataLoaded" type="DomBool"/>  
<Declaration name="CardDisplay_SubComponentName" type="String"/>
<Declaration name="CardDisplay_DisplayList" type="LoMyDisplays"/>
<Declaration name="CardDisplay_InformationText" type="String" />

<!-- Card: Display START-->
      <Action name="CardDisplay_loadData" actionType="LOAD" type="LoMyDisplays"
            <Return name="ProcessContext::CardDisplay_DisplayList" />
            <TransitionTo action="CardDisplay_loadInformationText"/>
      </Action>
      <Action name="CardDisplay_loadInformationText" actionType="LOGIC" call="ProcessContext::CardDisplay_DisplayList.myGetInfoForDisplayCard">
            <Parameters>
                 <Input name="loItems" value="ProcessContext::CardDisplay_DisplayList"/>
                 <Input name="type" value="Display" type="Literal" />
            </Parameters>
            <Return name="ProcessContext: :CardDisplay_InformationText" />
            <TransitionTo action="CardDisplay_setSubcomponentName"/>

 <!-- Title and counter -->
    <Resource target="Title" type="Label" id="DisplayCardTitle" defaultLabel="Displays" />
    <Binding target="Information" type="Text" binding="ProcessContext::CardDisplay_InformationText" bindingMode="ONE_WAY" />