Implementing the List View

The list view displays the entry’s complete description, along with a small icon for the content type, and its name.

Figure 1: The Management Toolbars list view gives the contents full description.

Figure 1: The Management Toolbar's list view gives the content's full description.

Follow these steps to configure the List view:

  1. Inside the <c:choose> conditional block, add a condition for the descriptive display style (list view type):

    <c:when test='<%= Objects.equals(displayStyle, "descriptive") %>'>
        <%-- list view type configuration goes here --%>
    </c:when>
    
  2. Follow the example below to add the three columns to the conditional block:

ColumnContent OptionsExample
1icon<liferay-ui:search-container-column-icon/>
 image<liferay-ui:search-container-column-image/>
 user portrait<liferay-ui:search-container-column-text>
  <liferay-ui:user-portrait/>
</liferay-ui:search-container-column-text>
2description<liferay-ui:search-container-column-text
  colspan=“<%=2%>”
>
  <h5><%= userGroup.getName() %></h5>
  <h6 class=“text-default”>
    <span><%= userGroup.getDescription() %></span>
  </h6>
  <h6 class=“text-default”>
    <span>
        <liferay-ui:message arguments=“<%= usersCount%>” key=“x-users”/>
    </span>
  </h6>
</liferay-ui:search-container-column-text>
3actions<liferay-ui:search-container-column-jsp
  path=“/edit_team_assignments_user_groups_action.jsp”
/>

Great! Now you know how to implement the List view!

« Implementing the Card ViewImplementing the Table View »
这篇文章有帮助吗?
2 人中有 0 人觉得有帮助