Skip to Content

SAPUI5 XML vs JS example gist


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:

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