Sapui5 表中的图标与合并重复项不兼容=";“真的”;
我有一个表,我想合并第一列中的重复项:Sapui5 表中的图标与合并重复项不兼容=";“真的”;,sapui5,Sapui5,我有一个表,我想合并第一列中的重复项: <Column mergeDuplicates="true"> <Text text="Society"/> </Column> <Column> <Text text="Ref2"/> </Column> ... ... 我想在第一栏有一个复杂的元素:一个显示社会旗帜的图标 <items> <ColumnListItem>
<Column mergeDuplicates="true">
<Text text="Society"/>
</Column>
<Column>
<Text text="Ref2"/>
</Column>
...
...
我想在第一栏有一个复杂的元素:一个显示社会旗帜的图标
<items>
<ColumnListItem>
<cells>
<StandardListItem title="{model>society/description}"
icon="{path: 'model>society/code',
formatter: 'ui5bp.Formatter.iconGeneral'}"/>
<!--<Text text="{model>society/description}"/>-->
<Text text="{model>ref2}"/>
</cells>
</ColumnListItem>
</items>
但是,如果我将StandardListItem设置为简单文本,则mergeDuplicates=“true”不起作用
复杂列项目与mergeDuplicates属性是否不兼容
现在StandardListItem具有以下结果:
如何创建一个正确的“MyCustomColumnListItem”以在左侧显示标志,在右侧显示Description,且不留上下空格?不确定自定义控件或ListItem是否有效…
或者,您也可以使用两列,每列设置有
mergeDuplicates=“true”
,并分别显示图像和文本。那肯定行
即:
您的示例中的数据没有准备好合并复制(从您显示的情况来看,不会合并任何内容),但我猜测并设置了一些可能类似的测试数据。您也许可以看看如何使用ObjectAttribute,它有一个图标和一个文本,如本文所示
sap.ui.xmlview(“main”{
viewContent:jQuery(“#view main”).html()
})
.setModel(新的sap.ui.model.json.JSONModel({
记录:[
{图标:http://www.flags.net/images/smallflags/ANTA0001.GIF,文本:“删除”,注释:“删除”},
{图标:http://www.flags.net/images/smallflags/ANBA0001.GIF,文本:“删除”,注释:“否定”},
{图标:http://www.flags.net/images/smallflags/ANDR0001.GIF,文本:“删除”,注释:“sys减号”}
]
}))
.placeAt(“内容”)代码>
我认为您在单元格
聚合中使用标准列表项
是不正确的;如你所见,它的渲染看起来也有点奇怪。。。您不能改用图标
或图像
控件吗?或者是一个自定义控件,根据您的需要设置相应的mergeFunctionName
值。我无法创建自定义costrol。我怎么开始呢?好的,当你说“图标”的时候,我以为你是指“图标”。不管怎样,您可以使用任何图像URL作为src属性的值。我已经更新了这个示例来向您展示。谢谢@qmacro,您的解决方案是有效的,但是您可以看到图像与文本不一致(请参见我Q中的图像),您也需要自己编写一些代码,您知道:-)一些CSS应该适合这里。你问的不是对齐图像,而是一个复杂的控件。答案向您展示了一种使用复杂控件的方法,以及可以调整的工作代码。
<Table id="tbl" items="{model>/yourData}">
<columns>
<Column mergeDuplicates="true" mergeFunctionName="getSrc">
<Text text="Society" />
</Column>
<Column mergeDuplicates="true" />
</columns>
<items>
<ColumnListItem>
<cells>
<Image src="{model>society/flagImg}"/>
<Text text="{model>society/description}" />
</cells>
</ColumnListItem>
</items>
</Table>