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

时间:2017-12-17 19:47:19

标签: sapui5

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

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

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

2 个答案:

答案 0 :(得分:0)

您可以构建自己的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

答案 1 :(得分:0)

  

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

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