重用SAPUI5控件

Question

I have an image and I need to use it at three places in a page. I can create three image objects and use them separately at the required places. However, I need to know if there is any way to reuse the single image object at three places. I tried to use prototype property of javascript but it is not working. I initially tried this but only footer gets the image.

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

I tried to use the prototype property :

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

But it says: Cannot set property 'src' of undefined. Please help.

Answer 1

you can use clone for that. Following example may help you

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

and then use clone property whereever required.As for example for using it in Table column

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