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>