javascript - 重用 SAPUI5 控件

Question

我有一张图片，我需要在一个页面的三个地方使用它。我可以创建三个图像对象并在需要的地方分别使用它们。但是，我需要知道是否有任何方法可以在三个地方重用单个图像对象。我尝试使用 javascript 的原型(prototype)属性，但它不起作用。我最初尝试过这个，但只有页脚得到图像。

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"          
    }));