AppContainer

index.view.xml

<mvc:View height="100vh"
    controllerName="ui5app.Controller"
    xmlns:mvc="sap.ui.core.mvc" 
    xmlns:core="sap.ui.core" 
    xmlns:form="sap.ui.layout.form" 
    xmlns="sap.m"
    xmlns:ui5libs.am4charts="ui5libs.am4charts"
    xmlns:ui5libs.controls="ui5libs.controls">
    <ui5libs.controls:FloorPlanMasterDetail 
        pageTitle="Storage Usage">
        <ui5libs.controls:master>
            <form:SimpleForm editable="true"
                    layout="ResponsiveGridLayout"
                    title="Select Schema">
                <Label text="Schema name" />
                <Select
                        width="50%"
                        selectedKey="{master>/schemaname}"
                        items="{/schemas}">
                    <core:Item key="{schemaname}" text="{schemaname}" />
                    <customData>
                        <ui5libs.controls:JsonContainer url="ui5rest/catalog/schemas" />
                    </customData>
                </Select>
            </form:SimpleForm>
        </ui5libs.controls:master>
        <ui5libs.controls:detail>
            <ui5libs.am4charts:Chart
                charttype="TreeMap"
                config="ui5app/StorageDistribution.json"
                items="{/TABLE}">
                <core:Item key="{TABLE_NAME}" text="{BYTES}" />
            </ui5libs.am4charts:Chart>
        </ui5libs.controls:detail>
        <ui5libs.controls:customData>
            <ui5libs.controls:JsonContainer modelName="master" />
            <ui5libs.controls:ODataContainer url="ui5odata/INFORMATION_SCHEMA/TABLES" >
                <ui5libs.controls:Filter
                    path="TABLE_SCHEMA"
                    operator="EQ"
                    value1="{master>/schemaname}" />
            </ui5libs.controls:ODataContainer>
        </ui5libs.controls:customData>
    </ui5libs.controls:FloorPlanMasterDetail>
</mvc:View>