Loading
Visual Studio Code Based Modeler for Consumer Goods Cloud
Table of Contents
Filter by (0)Add
Select Filters

          No results
          No results
          Here are some search tips

          Check the spelling of your keywords.
          Use more general search terms.
          Select fewer filters to broaden your search.

            Search all of Salesforce Help
            Search all of Salesforce Help
            Add Search and Index to Display List

            You are here:

            1. Salesforce Help
            2. Docs
            3. Visual Studio Code Based Modeler

            Add Search and Index to Display List

            Configure search settings for the master list and add an index bar to the UI contract for quick navigation through the list.

            Required Editions

            Available in: Enterprise and Unlimited Editions where Consumer Goods Cloud is enabled
            User Permissions Needed
            To configure a detail page Customizer, Developer

            Add UI controls to the detail section and bind the controls to the new business object properties. The process listens for the itemSelected event and uses the master detail handler action to load the business object. The business object represents one display record and the data source loads the record by using its primary key (pKey) or ID.

            1. In Visual Studio Code based Modeler, open MyDisplay_DisplayDetailsUI.userinterface.xml and locate displayList in the GroupedList control.
            2. In the GroupedList control, add searchable and index parameters and set them to true.
            3. Define a SearchAttributes node in the grouped list.
            4. Save your changes.
            5. To test the changes, build the contracts by running this command. sf modeler workspace build.
            6. Restart the simulator app and verify the changes.

            A search bar is added to the Display master list, where you can type to filter the list.

            Example
            Example Here’s a sample code for displayList in the GroupedList section. It’s the master component and gets its data from displayList in the process context. There’s an index bar for easy navigation and a search feature to find specific items. There’s also a list of items in the displayDetailsDisplayListItems pattern. The GroupedList section includes a search attribute for the Name field.
            <GroupedList name="displayList" master="true" dataSource="ProcessContext::DisplayList.items[]" indexBar="true" searchable="true">
      <Items name="Items" itemPattern="displayDetailsDisplayListItems">
      </Items>
      <Events>
      </Events>
      <SearchAttributes>
         <SearchAttribute name="Name"/>
      </SearchAttributes>
</GroupedList>

            The offline mobile app screen image shows the search bar and the index letters on the display list page.

            The offline mobile app screen image shows the search bar and the index letters on the display list page.
             
            Loading
            Salesforce Help | Article