Как добавить Button в FeedListItem

Question

Я хочу добавить две кнопки в FeedListItem, похожие на NotificationnListItem.

<List headerText="Feed Entries" items="{ path : '/userFeedBack', mode : 'OneWay' }"> 
    <FeedListItem sender="@{UserScreenname} ({UserName})" 
     icon="{ProfileImgUrl}" senderPress=".navToUser" 
     iconPress=".navToUser" 
     iconDensityAware="false" info="{Type}" 
     timestamp="{ path : 'Time', formatter : '.notificationListItemFormatted' }" 
     text="{TweetText} ({Total} times)"> 
    </FeedListItem> 
</List> 

Это должно выглядеть следующим образом. Как я могу использовать эти кнопки или какой-либо другой элемент управления списком, который я могу использовать здесь?

Answer 1

Для кнопок вам придется использовать разные типы элементов списка. FeedListItem не поддерживает агрегацию. Я хотел бы предложить следующие варианты:

1. sap.m.NotificationListItem
2. sap.m.CustomListItem: Здесь вам нужно будет создать макет, где изображение будет приходить, где текст и кнопки будут визуализации.
3. Создайте собственный элемент управления, расширив FeedListItem и добавив к нему агрегацию 'buttons'.

Сообщите мне, если вам нужно больше материалов.

Answer 2

XML код:

<List id="notificationList" class="sapContrast sapContrastPlus"> 
       <NotificationListItem 
         description="Information of List Item 1" 
         showCloseButton="false" 
         datetime="1 hour" 
         unread="true" 
         press="onListItemPress" 
         authorName="Jean Doe" 
         authorPicture="sap-icon://globe"> 
        <buttons> 
         <Button text="Accept" type="Accept" ></Button> 
         <Button text="Reject" type="Reject" class="sapUiLargeMarginEnd" ></Button> 
         <Button icon="sap-icon://thumb-up" class="sapUiLargeMarginBegin" ></Button> 
        </buttons> 
       </NotificationListItem> 
       <NotificationListItem 
         description="Information of List Item 2" 
         showCloseButton="false" 
         datetime="1 hour" 
         unread="true" 
         priority="None" 
         authorName="Jean Doe" 
         authorPicture="sap-icon://world"> 
        <buttons> 
         <Button text="Accept" type="Accept" ></Button> 
         <Button text="Reject" type="Reject" class="sapUiLargeMarginEnd" ></Button> 
         <Button icon="sap-icon://thumb-down" class="sapUiLargeMarginBegin" ></Button> 
        </buttons> 
       </NotificationListItem> 
      </List>