binding json into ui5 ObjectPageLayout dynamic
<p>I have a JSON and want to create dynamic Sections and Subsections of an ObjectPageLayeout. My JSON looks like the following</p>

<pre class="lang-json prettyprint-override"><code>{
    "settings": {
      "Group1": [
        {
          "Group2": [
            {
              "Group3": [
                {
                  "value1": "asdf",
                  "value2": "5",
                  "value3": "2"
                },
                {
                  "value1": "jkl",
                  "value2": "2",
                  "value3": "0"
                }
              ],
              "Name2": "NameGr2"
            }
          ],
          "Name1": "NameGr1"
        }
      ]
    }
  }
</code></pre>

<p>My data are given by ajax.</p>

<pre class="lang-js prettyprint-override"><code>var oConfig = oData.Payload.Value[0];

    this.models.mysettings = new util.JsonModel({
        modelData: oConfig.settings
    });
    this.models.mysettings.setDefaultBindingMode('TwoWay');
    oView.setModel(this.models.mysettings, 'mysettings');
</code></pre>

<p>Now I want to create an ObcectPageLayout in my xml view like</p>

<pre class="lang-xml prettyprint-override"><code>&lt;m:Page&gt;

    &lt;ObjectPageLayout 
      enableLazyLoading="false"
      id="ObjectPageLayout"&gt;

      &lt;headerTitle&gt;
        &lt;ObjectPageHeader objectTitle="Settings"&gt;
        &lt;/ObjectPageHeader&gt;
      &lt;/headerTitle&gt;

      &lt;sections&gt;

        &lt;ObjectPageSection

          title="{mysettings&gt;Name2}"&gt;

          &lt;subSections&gt;

            &lt;ObjectPageSubSection
              title="{mysettings&gt;value1}"&gt;

              &lt;blocks&gt;
                &lt;l:Grid

                  defaultSpan="L12 M12 S12"

                  width="auto"&gt;

                  &lt;l:content&gt;

                    &lt;forms:SimpleForm

                      minWidth="1024"
                      maxContainerCols="2"
                      editable="true"
                      layout="ResponsiveGridLayout"
                      labelSpanL="3"
                      labelSpanM="3"
                      emptySpanL="3"
                      emptySpanM="3"
                      columnsL="1"
                      columnsM="1"
                      class="editableForm"&gt;

                      &lt;m:Label text="value2" /&gt;
                      &lt;m:Input value="{mysettings&gt;value2}"  /&gt;

                      &lt;m:Label text="value3" /&gt;
                      &lt;m:Input value="{mysettings&gt;value3}"  /&gt;

                    &lt;/forms:SimpleForm&gt;
                  &lt;/l:content&gt;
                &lt;/l:Grid&gt;
              &lt;/blocks&gt;

            &lt;/ObjectPageSubSection&gt;
          &lt;/subSections&gt;
        &lt;/ObjectPageSection&gt;
      &lt;/sections&gt;

    &lt;/ObjectPageLayout&gt;

  &lt;/m:Page&gt;
</code></pre>

<p>Do you got any idea to handle this?</p>