Skip to Content

SAPUI5 XML vs JS example gist

Hello,

I created a gist where you can see a simple app-page example created with JavaScript and at the bottom the corresponding XML if it would be a view (without controller.

Maybe this helps how to understand and "switch" mentally between the JavaScript syntax examples (for example here for a button SAPUI5 SDK - Demo Kit) and the now preferred XML notation of the views (SAPUI5 Explored).

Here is the gist:

https://gist.github.com/denisenepraunig/5a2049f13f8342f5608f

The example on jsbin is here:

JS Bin - Collaborative JavaScript Debugging

How do I get from JavaScript code...

var oSimpleForm = new sap.ui.layout.form.SimpleForm({ ...

to a XML view notation:

<mvc:View xmlns:f="sap.ui.layout.form" ...
<f:SimpleForm ...

or vice versa.


Hope this helps someone, at the beginning it was a mind-challenging exercise to switch between those two notations.


BR, Denise




Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Aug 18, 2014 at 10:47 AM

    Hi Denise,

    Nice work putting them side by side! Your gist perfectly shows why XML Views are (IMHO) a better choice than Javascript Views:

    • cleaner, less verbose
    • object hierarchy is clearly visible
    • forbids the use of any Javascript coding inside the view
    Add comment
    10|10000 characters needed characters exceeded

  • Feb 10, 2015 at 12:01 AM

    exactly what I searched for

    Working with XML views is simpler when you are not a native javascript developer !

    <mvc:View xmlns:f="sap.ui.layout.form"

    was my missing link - for defining all f: as linked to library sap.ui.layout.form

    Thanks for sharing

    Add comment
    10|10000 characters needed characters exceeded