Skip to Content
0
Former Member
Jul 30, 2016 at 05:59 PM

How to aggregate 'sap.ui.layout.form.SimpleForm' to 'sap.m.VBox' in JS View?

1205 Views

Can anyone help me how to embed an 'sap.ui.layout.form.SimpleForm' in 'sap.m.VBox' in a JS View? I am able to do it in an XML View, but I am unable to do it in JS View. I tried, but the view doesn't display the effect of VBox. See the XML layout below, I am expecting this in JS View.

<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc"

xmlns="sap.m" controllerName="zrs_exercise1_xml1.DetailView" xmlns:l="sap.ui.layout"

xmlns:f="sap.ui.layout.form" xmlns:semantic="sap.m.semantic" xmlns:VBox="sap.m.VBox"

xmlns:html="http://www.w3.org/1999/xhtml">

<semantic:FullscreenPage id="page" title="Details" showNavButton="true" navButtonPress="onNavBack">

<semantic:content>

<VBox class="sapUiSmallMargin">

<f:SimpleForm id="SimpleForm" minWidth="1024" maxContainerCols="2" editable="false" layout="ResponsiveGridLayout"

title="Customer Details" labelSpanL="3" labelSpanM="3" emptySpanL="4" emptySpanM="4" columnsL="1" columnsM="1">

<f:content>

<Label text="City" />

<Input value="{Ort01}" enabled="false"/>

<Label text="Country." />

<Input value="{Land1}" enabled="false"/>

<Label text="Created On"/>

<Input value="{Erdat}" enabled="false"/>

<Label text="Age" />

<Input value="{Age}" enabled="false"/>

<Label text="Grade" />

<Input value="{Grade}" enabled="false"/>

<Label text="Comments" />

<Input value="{String}" enabled="false"/>

</f:content>

</f:SimpleForm>

</VBox>

</semantic:content>

</semantic:FullscreenPage>

</core:View>