sap.m.List:删除分隔符并使用Bullet启动每个项目

时间:2018-04-19 22:19:27

标签: sapui5

下面是我的代码:它在每个项目后生成一个带有水平分隔符的列表(给人一种感觉就像表格的行)。 我希望这样显示它:

  

Permissions:

     
      
  • 第1项
  •   
  • 第2项
  •   
  • 第3项
  •   

即使子弹不可能,至少,一个低于另一个的普通数据会很好。我不希望它们之间有分隔符。

<List id="PermissionsList"
  noDataText="NoPermissions"
  includeItemInSelection="true"
  items="{PermissionsList>/}"
>
  <headerToolbar>
    <Toolbar>
      <Title
        text="Permissions"
        level="H3"
      />
    </Toolbar>
  </headerToolbar>
  <StandardListItem title="{PermissionsList>Text}"/>
</List>

1 个答案:

答案 0 :(得分:1)

你可以尝试

<StandardListItem title="&#8226; {PermissionsList>Text}"/>

这是项目符号的html代码。另一种方法是添加样式类并使用:before选择器添加您喜欢的任何内容,它在样式方面提供了更大的灵活性。

要删除分隔符,会有一个标记:

showSeparators="None"

所以整个事情就是:

<List id="PermissionsList" showSeparators="None" noDataText="NoPermissions" items="{PermissionsList>/}" includeItemInSelection="true">
    <headerToolbar>
        <Toolbar>
            <content>
                <Title text="Permissions" level="H3"/>
            </content>
        </Toolbar>
    </headerToolbar>
    <StandardListItem title="&#8226; {PermissionsList>Text}"/>
</List>