SAPUI5 data binding master slave with Gateway services
Spent the day trying out the SAPUI5 framework, of all the new products and initiatives I saw at SAP TechEd last year, this library (collection) sparked my interest the most, mainly because over the years I have used reluctantly JQuery, DOJO, Prototype, YUI, ExtJS etc. on SAP projects, now there is something supported by SAP I can imagine a lot of that reluctance will disappear .
There is a lot in SAPUI5, it will take me some time to get familiar and comfortable enough to start using on customer sites, I hope they don’t stop here and there is a lot more features and functionality to come. My first impressions are very positive, for some reason the data binding takes me back to a time before WD4A and after HTMLB, reminding me of the flexibility and freedom of BSP or an early WD4J.
It seems appropriate the first thing I developed with SAPUI5 was a data binding master slave solution, it was the first thing I learnt with WD4J and WD4A , it gives a good perspective of what is possible, next up will be MVC.
I have shared on google code a simple example of master slave data binding, it uses the ODATA.org Northwind service (see pic below) , I got it working with an association, but I also show in the code how it is possible using filters.
Experiences with SAP Gateway 
Whats the best way to get sapui5 to run on an abap stack? Is it meant to be somehow loaded in as a sicf service or bsp? Or is it meant to be run on a separate web server? Can it be run on the Portal?
Jason
February 17, 2012 at 1:05 am
Thanks for reminding me, I followed DJ’s example
http://www.sdn.sap.com/irj/scn/weblogs?blog=/pub/wlg/28659 and used the ICM.
I believe this release is meant to be installed in a Java container, you would have multiple options if you had a Portal.
rsol1
February 17, 2012 at 3:45 am
Yep saw DJ’s blog… I was confused about how he embedded it into the ICM. Something I’d have to get a basis guy to do on our playpen abap system as I don’t have a trial abap box or gateway (I would if you could make it run on a mac easily 😉 ).
If you have it installed in the ICM as DJ did then where do you put the html files that you write for your app? In his bog it looks like its just sitting on his local filesystem.
I wonder how you could integrate it into BSP.
I see that they provide a war file so once you develop in eclipse you coul deploy to any java stack like the portal I assume.
What I’m really wanting to be able to do is to use sapui5 for workflow decision steps in the portal uwl. It would be perfect for this as using web dynpro just seems like overkill…
Jason
February 17, 2012 at 4:07 am
“I wonder how you could integrate it into BSP.”
Just deploy sapui5-static/resources folder into the MIME repository of your BSP and you can start developing. I have done a sample DataTable app using this method.
Alternatively you could place the resources folder in a common MIME folder and reference it in you BSP apps.
athavanraja
February 20, 2012 at 6:45 am
[…] a SAP mobile app with Sencha Touch 2, I was keen on having an hands-on with SAPUI5. These helpful posts helped me to get […]
Getting started with SAPUI5 | … And All That JS
February 23, 2012 at 2:23 pm
Thanks for your article! I helped me to get started with SAPUI. I made a similar master/details demo, but with 2 different OData sources: SAP Gateway and SharePoint. You can find it here: http://allthatjs.com/2012/02/23/getting-started-with-sapui5/
lstak
February 23, 2012 at 7:36 pm