在SAPUI5列表中添加复选框

Question

亲爱的SAPUI5开发人员，

我做了一个主要细节申请。

我想将此功能赋予选择多个项目的用户，然后按删除按钮。

为此，我需要在列表项前面添加一些复选框。该列表的数据来自OData服务。

以下是列表的代码：

<List id="list" items="{ path: '/GewerkSet', sorter: { path: 'ZTradeName', descending: false }, groupHeaderFactory: '.createGroupHeader' }" busyIndicatorDelay="{masterView>/delay}" noDataText="{masterView>/noDataText}" mode="{= ${device>/system/phone} ? 'None' : 'SingleSelectMaster'}" growing="true" growingScrollToLoad="true" updateFinished="onUpdateFinished" selectionChange="onSelectionChange">
<infoToolbar>
    <Toolbar active="true" id="filterBar" visible="{masterView>/isFilterBarVisible}" press="onOpenViewSettings">
        <Title id="filterBarLabel" text="{masterView>/filterBarLabel}"/>
    </Toolbar>
</infoToolbar>
<items>
    <ObjectListItem type="{= ${device>/system/phone} ? 'Active' : 'Inactive'}" press="onSelectionChange" title="{ZTradeName}" showMarkers="true"/>
</items>
</List> 

这是我需要的图片。请注意列表项前面的复选框：

Answer 1

您只需要使用items更改CustomListItem：

<List id="list" items="{ path: '/GewerkSet', sorter: { path: 'ZTradeName', descending: false }, groupHeaderFactory: '.createGroupHeader' }" busyIndicatorDelay="{masterView>/delay}" noDataText="{masterView>/noDataText}"
            mode="{= ${device>/system/phone} ? 'None' : 'SingleSelectMaster'}" growing="true" growingScrollToLoad="true"
            updateFinished="onUpdateFinished" selectionChange="onSelectionChange">
<infoToolbar>
    <Toolbar active="true" id="filterBar" visible="{masterView>/isFilterBarVisible}" press="onOpenViewSettings">
        <Title id="filterBarLabel" text="{masterView>/filterBarLabel}"/>
    </Toolbar>
</infoToolbar>
<CustomListItem type="Inactive">
    <CheckBox text="{ZTradeName}" press="onSelectionChange" showMarkers="true"/>
</CustomListItem>

我测试了它并且工作正常。这是输出图片：