如何将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创建自定义控件，并为其添加“按钮”聚合。

如果您需要更多输入，请告诉我。

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>