This is how the controller code looks like:
sap.ui.controller("sap.ui.sam.controller.Preview", {
onInit : function (evt) {
sap.ui.commons.Image.extend("Image", {
metadata: {
properties: {
"imageName": "string"
}
}
});
},
createImages : function(){
var oImage = new Image({
width : "190px",
height : "130px",
press : function(oEvent){
var router = new sap.ui.core.UIComponent.getRouterFor(that);
var context = oEvent.getSource().getBindingContext();
var path = context.sPath;
var start = path.lastIndexOf('/')+1;
var tileIndex = path.substring(start, path.length);
router.navTo('ViewDetails', {tileIndex : tileIndex});
}
});
oImage.setProperty("imageName", "{CATEGORY}");
//oImage.bindProperty("imageName" : "{CATEGORY}");
....
....
....
}
What am I missing? 
