SAPUI5 ColumnListItem，图标需要显示在左侧

Question

我正在使用表并使用此属性。

<ColumnListItem type="Detail" detailPress="onShowItemEditDialog">

我希望这个地方的图标在左侧。因为我使用responsivePopover。弹出窗口在右侧打开。我想我会改变这个popover中的表元素。或者是否有另一种方法来改变表格的元素？可以为表格编辑做些什么？请帮忙。

Answer 1

你可以建立自己的ListItem。

<List headerText="Custom Content" mode="Delete" items="{path: '/ProductCollection'}" >
    <CustomListItem>
        <HBox>
            <core:Icon size="2rem" src="sap-icon://attachment-photo" class="sapUiSmallMarginBegin sapUiSmallMarginTopBottom" />
            <VBox class="sapUiSmallMarginBegin sapUiSmallMarginTopBottom" >
                <Link text="{Name}" target="{ProductPicUrl}" press="handlePress"/>
                <Label text="{ProductId}"/>
            </VBox>
        </HBox>
    </CustomListItem>
</List>

这个例子来自：https://openui5.hana.ondemand.com/#/sample/sap.m.sample.CustomListItem/code

Answer 2

一点调整对我有用。适当使用以下代码。

onAfterRendering: function() {
    $( "thead .sapMListTblNavCol" ).insertAfter( "thead .sapMListTblHighlightCol" );
    $( "tbody .sapMListTblNavCol" ).insertAfter( "tbody .sapMListTblHighlightCell" );
},