javascript - SAPUI5 表将操作绑定(bind)到图标模板

Question

我正在使用 UI5 表。 我正在读取我的 oData 服务并将元素绑定(bind)到列:

oTable.addColumn(new sap.ui.table.Column({
    label : new sap.ui.commons.Label({
        text : ""
    }),
    template : new sap.ui.core.Icon({
        src : "{Visible}",
    }),
    width : "55px",
    hAlign : "Center"
}));

{Visible} 包含 sap 图标“展开”..它正确显示在表格中。 如何将事件绑定(bind)到该图标？

我之前通过单独定义了一个图标

var icon = new sap.ui.core.Icon({
            src : sURI,
        });

icon.attachPress(function(oEvent) {
  var selectedRow = this.getBindingContext().getProperty('myID');
  console.log('Row clicked:' + selectedRow);
});

但是像这样我无法将我的 odata 元素 {visible} 添加到列中，因为必须在 addColumn 方法中读取它，否则绑定(bind)不起作用。

有人帮忙吗？

Answer 1

只需添加新闻事件。

var pressHandler = function(oEvent) {
    var selectedRow = this.getBindingContext().getProperty('myID');
    console.log('Row clicked:' + selectedRow);
});

oTable.addColumn(new sap.ui.table.Column({
    label : new sap.ui.commons.Label({
        text : ""
    }),
    template : new sap.ui.core.Icon({
        src : "{Visible}",
        press: pressHandler
    }),
    width : "55px",
    hAlign : "Center"
}));