{
    "type": "Ext.tab.Panel",
    "reference": {
        "name": "items",
        "type": "array"
    },
    "codeClass": null,
    "userConfig": {
        "designer|extend": "Ext.panel.Panel",
        "designer|userAlias": "productlist",
        "designer|userClassName": "productlist",
        "reference": "collectionname"
    },
    "configAlternates": {
        "designer|userAlias": "string",
        "designer|userClassName": "string",
        "reference": "string",
        "designer|extend": "string"
    },
    "name": "MyTabPanel1",
    "designerId": "0a8217c7-a51e-4a99-8710-58ce532ea158",
    "viewControllerInstanceId": "6b2b6f38-68b8-45d5-9f28-5df6d6fafe71",
    "viewModelInstanceId": "f10c2283-aba5-4f8f-98b5-d3f782807a54",
    "cn": [
        {
            "type": "Ext.tree.Panel",
            "reference": {
                "name": "items",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "title": "Collection Name"
            },
            "configAlternates": {
                "title": "string"
            },
            "name": "TreeGrid",
            "designerId": "e950ba0b-badf-4dbf-b4aa-ff025cf207fa",
            "isBuiltIn": true,
            "iconCls": "icon-treegridpanel",
            "autoName": "TreeGrid",
            "cn": [
                {
                    "type": "Ext.tree.View",
                    "reference": {
                        "name": "viewConfig",
                        "type": "object"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "scrollable": true
                    },
                    "configAlternates": {
                        "scrollable": "auto"
                    },
                    "name": "MyTreeView",
                    "designerId": "88f1c2af-987c-4d4b-8f0c-41ae705f5ae1"
                },
                {
                    "type": "Ext.tree.Column",
                    "reference": {
                        "name": "columns",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dataIndex": "text",
                        "flex": 1,
                        "text": "Nodes"
                    },
                    "configAlternates": {
                        "dataIndex": "datafield",
                        "flex": "number",
                        "text": "string"
                    },
                    "name": "MyTreeColumn",
                    "designerId": "f3f4efd3-acf2-4f7e-9876-01f18b37646b"
                },
                {
                    "type": "Ext.grid.column.Column",
                    "reference": {
                        "name": "columns",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dataIndex": "value",
                        "text": "Value"
                    },
                    "configAlternates": {
                        "dataIndex": "datafield",
                        "text": "string"
                    },
                    "name": "MyColumn",
                    "designerId": "8a824336-934d-435a-bf0d-3046a5f56c5a"
                },
                {
                    "type": "Ext.tab.Tab",
                    "reference": {
                        "name": "tabConfig",
                        "type": "object"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dock": "left",
                        "width": 100
                    },
                    "configAlternates": {
                        "dock": "string",
                        "width": "auto"
                    },
                    "name": "TabConfig4",
                    "designerId": "0085fa41-b0d5-4bc6-8444-365c69274642"
                }
            ]
        }
    ]
}