在sap.ui.table.TreeTable的每一行中集成Icon

时间:2018-03-19 09:24:20

标签: sapui5

我希望在sap.ui.table.TreeTable列的标签中添加删除图标,以防止为此添加额外的列。

here

我想将描述中的图标右侧与onPress事件相关联,以删除此行。

我尝试将图标放在<t:template>聚合中。这可能吗? XML-view代码的相应部分如下:

<t:TreeTable id="tree">
    <t:columns>
        <t:Column>
            <t:label>
                <Label text="{i18n>TREE_NAME_LABEL}"/>
            </t:label>
            <t:template>
                <Label text="{TREE_DESCRIPTION}" />
            </t:template>
        </t:Column>
    </t:columns>
</t:TreeTable>

1 个答案:

答案 0 :(得分:0)

从1.45开始,我们可以通过聚合<rowActionTemplate>以声明方式为每一行分配操作。目前,可以使用以下操作类型:

  • public static DataTable ReadExcel(string fileName) { string fileExt = ".xlsx"; string conn = string.Empty; DataTable dtexcel = new DataTable(); if (fileExt.CompareTo(".xlsx") == 0) conn = @"provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + fileName + ";Extended Properties='Excel 8.0;HRD=Yes;IMEX=1';"; //for below excel 2007 else conn = @"Provider=Microsoft.ACE.OLEDB.12.0;Data Source=" + fileName + ";Extended Properties='Excel 12.0 Xml;HDR=YES';"; //for above excel 2007 using (OleDbConnection con = new OleDbConnection(conn)) { try { OleDbDataAdapter oleAdpt = new OleDbDataAdapter("select * from [Sheet1$]", con); //here we read data from sheet1 oleAdpt.Fill(dtexcel); //fill excel data into dataTable } catch(Exception ex) { } } return dtexcel; }
  • "Delete"
  • "Navigation"

在你的情况下,它会是这样的:

"Custom"

SAPUI5 sap.ui.table.Table RowAction Delete

注意:

  • 表的属性<t:TreeTable id="tree" rowActionCount="1"> <t:columns> <!-- ... --> </t:columns> <t:rowActionTemplate> <t:RowAction> <t:RowActionItem type="Delelte" press=".onDelete" /> </t:RowAction> </t:rowActionTemplate> </t:TreeTable> 可用于显示最初的操作数,而无需用户点击 ... 按钮。

    < / LI>
  • 每次更改其属性或聚合时,都需要重新分配行动作模板。

      

    模板与行或表分离。每次更改模板的属性或聚合时,都必须通过setRowActionTemplate再次应用模板才能使更改生效。

    示例:https://ui5.sap.com/#/sample/sap.ui.table.sample.RowAction/preview