javascript - UI5 ListItem更改DetailAndActive Icon

Question

我想更改 DetailAndActive 类型的 ListItem 的“笔”图标我已经找到了以下解决方案:UI5 StandardListItem DetailAndActive change Icon

但这一次不适用于绑定(bind)模型中的项目。因此，我尝试创建一个自定义列表控件。

sap.m.List.extend('my.List', {
metadata: {
    properties: {},
    aggregations: {
        items: {
            type: "my.StandardListItem",
            multiple: true,
            singularName: "item"
        }
    }
},
renderer:  {}
});

绑定(bind)本身正在工作。但详细图标不会改变。

查看示例 http://jsbin.com/kijisanepa/edit?js,output

Answer 1

在您的示例中，您覆盖了从 SAP 框架生成的“setDetailIcon”方法。

setDetailIcon: function(icon) {         
   console.log(icon)        
   this.DetailIconURI = sap.ui.core.IconPool.getIconURI(icon);  
},

所以在你需要调用的方法中

this.setProperty("detailIcon", icon);

这会设置您的属性的值并触发重新渲染。

如果您不想重新呈现 listItem，请使用

this.setProperty("detailIcon", icon, true);