重用SAPUI5控件

Question

我有一张图片，需要在页面的三个位置使用它。 我可以创建三个图像对象，并在所需的位置分别使用它们。 但是，我需要知道是否有任何方法可以在三个地方重用单个图像对象。 我尝试使用javascript的原型属性，但无法正常工作。 我最初尝试过此方法，但只有页脚才能获得图像。

var image = new sap.m.Image("id_image",{
        src:"images/myImage.png"
    });
return new sap.m.Page("id_page",{
        enableScrolling:false,
        customHeader:new sap.m.Bar("id_headerbar",{
            contentRight:image
        }),
        content: [

        ],
        footer:new sap.m.Bar("id_footerbar",{
            contentLeft:image
        }),
    });

我试图使用prototype属性：

   var image = new sap.m.Image();
   image.prototype.src = "./images/myImage.png";

但是它说：无法设置未定义的属性“ src”。 请帮忙。

Answer 1

您可以使用克隆。 以下示例可能对您有帮助

var itemDialog = new sap.ui.commons.Image({
        src : "images/sort_asc.png",
        tooltip : "Sort",
        press : function() {
            alert("hello");
        }
    });

然后在需要时使用克隆属性。例如，在“表”列中使用它

oTable.addColumn(new sap.ui.table.Column({
        template : itemDialog.clone(),
        width : "30px"          
    }));