Simple Mobile SAPUI5 Example Using ODataModel and BlueCrystal

dj

Thanks a lot for the feedback. "self-contained" is a good description of what i was going for. The target audience for this application is developers who haven't had the time to investigate SAPUI5 but are familiar jQuery and JQM, hopefully presenting this way gives them a familiar perspective.

One of the things i like about SAPUI5 is the variety of ways you can solve the same problem. I went through many iterations of rendering the tiles from the model data, the example i ended up with uses a tile template with a binding aggregation, I think this way is very effective and probably the easiest to represent in a HTML View.

The other thing i really like about SAPUI5 is method chaining, in the case of the Product Count the chaining may have over simplified what is going on.

var aBindings = this.getModel().bindList("Categories(n)/Products");

var aContexts = aBindings.getContexts();

var productCount = aContexts.length;

return productCount;

or

return this.getModel().bindList(sPath).getContexts().length;

A really useful resource for understanding bindings is the ODataModel qUnit Test.

https://sapui5.netweaver.ondemand.com/test-resources/sap/ui/core/qunit/ODataModel.qunit.html

Why did i wrap the App in a sap.m.shell? I use a variety of widescreen monitors with different resolutions, by default the Shell restricts the rendering width of the application when run on a desktop to 1024px (I think) and therefore I get some consistency and you can predict what it will look like on other peoples desktops.

Cheers

jsp