如何在网格表行与sap.ui.table.TreeTable列标签中集成功能图标？

嘿，针对你的两个问题，我来给你详细拆解可行的实现方式：

1. 如何在网格表的每一行中集成图标？ #

完全可以通过列的<t:template>聚合来实现，你只需要在对应列的模板里组合图标和文本控件就行。比如用HBox来对齐图标和内容，既可以放固定图标，也能根据数据动态绑定图标路径。

举个XML视图的例子：

<t:TreeTable id="tree" rows="{path: 'yourModel>/treeData'}">
  <t:columns>
    <t:Column>
      <t:template>
        <!-- 用HBox让图标和文本垂直居中对齐 -->
        <HBox alignItems="Center">
          <!-- 固定图标 -->
          <Icon src="sap-icon://folder" class="sapUiSmallMarginEnd" />
          <!-- 行数据文本 -->
          <Text text="{yourModel>nodeName}" />
        </HBox>
      </t:template>
    </t:Column>
    <!-- 其他列... -->
  </t:columns>
</t:TreeTable>

如果需要动态切换图标（比如文件夹/文件图标），直接绑定src属性就行：

<Icon src="{yourModel>iconType}" class="sapUiSmallMarginEnd" />

这里的iconType对应模型里存储的SAP图标路径（比如sap-icon://file）。

2. 在TreeTable列标签（列头）中添加删除图标，用<t:template>可行吗？ #

首先明确：如果是给列头加图标，你不需要放在行的<t:template>里，而是要放在列的<t:label>聚合中——不过你的思路方向是对的，用容器控件组合文本和图标完全可行！

正确的做法是用HBox把列头标签和删除图标组合起来，设置对齐方式让图标靠右，同时给图标绑定点击事件。给你修正后的代码片段：

<t:TreeTable id="tree">
  <t:columns>
    <t:Column>
      <t:label>
        <!-- 用SpaceBetween让文本左对齐，图标右对齐 -->
        <HBox alignItems="Center" justifyContent="SpaceBetween">
          <Label text="{i18n>TREE_NAME_LABEL}"/>
          <Icon 
            src="sap-icon://delete" 
            press=".onDeleteSelectedRows" 
            class="sapUiTinyMarginStart"
            tooltip="{i18n>DELETE_SELECTED_TOOLTIP}"
          />
        </HBox>
      </t:label>
      <!-- 行内容的模板（如果需要行内内容的话） -->
      <t:template>
        <Text text="{yourModel>nodeName}" />
      </t:template>
    </t:Column>
    <!-- 其他列... -->
  </t:columns>
</t:TreeTable>

额外说明： #

如果你其实是想给每行的列内容右侧加删除图标（而不是列头），那把图标放在<t:template>里就完全正确，比如：

<t:template>
  <HBox alignItems="Center" justifyContent="SpaceBetween" width="100%">
    <Text text="{yourModel>nodeName}" />
    <Icon 
      src="sap-icon://delete" 
      press=".onDeleteSingleRow" 
      data-row-id="{yourModel>nodeId}"
    />
  </HBox>
</t:template>

然后在控制器里通过event.getSource().data("row-id")拿到当前行的ID，再从模型中删除对应数据即可。

内容的提问来源于stack exchange，提问作者Pille