重用SAPUI5控件

时间:2014-03-31 11:15:16

标签: javascript sapui5

我有一张图片,我需要在页面的三个位置使用它。我可以创建三个图像对象,并在所需的位置单独使用它们。但是,我需要知道是否有任何方法可以在三个地方重用单个图像对象。我试图使用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'未定义的。 请帮忙。

1 个答案:

答案 0 :(得分:4)

你可以使用克隆。以下示例可以帮助您

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