Question

我有一个包含四列的表，在最后一列中，我想在每行中有两个按钮。

我已尝试在XML中使用静态代码，但它不起作用：

<Table id="tableid">
  <columns>
    <Column>
      <Text text="Product" />
    </Column>
    <Column>
      <Text text="Price" />
    </Column>
    <Column>
      <Text text="compant" />
    </Column>
    <Column>
      <Text text="Buttons" />
    </Column>
  </columns>
</Table>
<items>
  <ColumnListItem>  
    <cells>  
      <Text text="TV"/>  
    </cells>  
    <cells>  
      <Text text="15000"/>  
    </cells>
    <cells>  
      <Text text="samsung"/>  
    </cells>   
    <cells>  
      <Button text="Button1"/>
      <Button text="Button2"/>
    </cells> 
  </ColumnListItem>  
</items>

Answer 1

您可以使用HBox控件在单个单元格中获取两个按钮。

我在这里为它创建了jsbin。

Answer 2

我也有同样的需求。我分享了我的代码的宁静，提供了工具提示，并且未在按钮中使用文本：

    <columns>
        <Column>
            <header>
                <Text text="ID" />
            </header>
        </Column>
        <Column>
            <header>
                <Text text="Name" />
            </header>
        </Column>
        <Column>
            <header>
                <Text text="Actions" />
            </header>
        </Column>
    </columns>
    <ColumnListItem>
        <Text text="{CustomerID}" />
        <Text text="{ContactName}" />
        <cells>
            <HBox>
                <Button icon="sap-icon://detail-view" type="Transparent" tooltip="View" press="onPressViewXXX"/>
                <Button icon="sap-icon://begin" type="Transparent" tooltip="Reproc" press="onPressReprocXXX"/>
                <Button icon="sap-icon://decline" type="Transparent" tooltip="Cancel" press="onPressCancelXXX"/>
            </HBox>
        </cells>
    </ColumnListItem>
</Table>

如何在SAPUI5中的单列中显示两个按钮

2 个答案: