{
    "type": "Ext.panel.Panel",
    "reference": {
        "name": "items",
        "type": "array"
    },
    "codeClass": null,
    "userConfig": {
        "closeToolText": null,
        "cls": [
            "gridpanel"
        ],
        "designer|userAlias": "establecimientospanel",
        "designer|userClassName": "EstablecimientosPanel",
        "height": null,
        "heythere": null,
        "itemId": null,
        "scrollable": true,
        "title": "Establecimientos",
        "titleAlign": "center",
        "width": null
    },
    "configAlternates": {
        "closeToolText": "string",
        "cls": "typedarray",
        "designer|userAlias": "string",
        "designer|userClassName": "string",
        "height": "auto",
        "heythere": "string",
        "itemId": "string",
        "scrollable": "auto",
        "title": "string",
        "titleAlign": "string",
        "width": "auto"
    },
    "name": "MyPanel1",
    "designerId": "e6d755b9-948d-47c1-9761-ec74d2973b1e",
    "customConfigs": [
        {
            "group": "(Custom Properties)",
            "name": "heythere",
            "type": "string"
        }
    ],
    "viewControllerInstanceId": "e978d393-9314-4716-b681-0667940c11cc",
    "viewModelInstanceId": "2d8f883f-2815-46ed-a89d-2be4db1e62cb",
    "cn": [
        {
            "type": "basiceventbinding",
            "reference": {
                "name": "listeners",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "fn": "onPanelRender",
                "implHandler": [
                    "this.store_name = 'Establecimientos';",
                    "this.model_name = 'MyApp.model.Establecimientos';",
                    "this.form_name  = 'MyApp.view.EstablecimientosForm';",
                    "var store = Ext.getStore(this.store_name);",
                    "this.form_store_array = [store];",
                    "f_crud.load_store(this.store_name);"
                ],
                "name": "render",
                "scope": "me"
            },
            "configAlternates": {
                "fn": "string",
                "implHandler": "code",
                "name": "string",
                "scope": "string"
            },
            "name": "onPanelRender",
            "designerId": "7f877e1f-2ac1-4165-8b8e-388016736b6f"
        },
        {
            "type": "Ext.panel.Tool",
            "reference": {
                "name": "tools",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "alignTarget": "",
                "cls": [
                    "paneltool"
                ],
                "iconCls": "x-fa fa-arrow-left"
            },
            "configAlternates": {
                "alignTarget": "string",
                "cls": "typedarray",
                "iconCls": "string"
            },
            "name": "MyTool1",
            "designerId": "77de0103-748e-46be-afd1-8fe1765dc199",
            "cn": [
                {
                    "type": "basiceventbinding",
                    "reference": {
                        "name": "listeners",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "fn": "onToolClick",
                        "implHandler": [
                            "var thisPanel = MyApp.main.getLayout().getActiveItem();",
                            "MyApp.main.getLayout().prev();",
                            "thisPanel.close();"
                        ],
                        "name": "click",
                        "scope": "me"
                    },
                    "configAlternates": {
                        "fn": "string",
                        "implHandler": "code",
                        "name": "string",
                        "scope": "string"
                    },
                    "name": "onToolClick",
                    "designerId": "251fc178-00c0-46b6-bb7d-ba5ccbf2e948"
                }
            ]
        },
        {
            "type": "Ext.grid.Panel",
            "reference": {
                "name": "items",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "header": false,
                "itemId": "grid",
                "scrollable": null,
                "store": "Establecimientos",
                "title": "Establecimientos"
            },
            "configAlternates": {
                "header": "boolean",
                "itemId": "string",
                "scrollable": "auto",
                "store": "store",
                "title": "string"
            },
            "name": "MyGridPanel",
            "designerId": "bfe7b30f-a2eb-4c14-b4c5-83853299b34f",
            "cn": [
                {
                    "type": "Ext.view.Table",
                    "reference": {
                        "name": "viewConfig",
                        "type": "object"
                    },
                    "codeClass": null,
                    "name": "MyTable",
                    "designerId": "0d4de5cc-df4c-46a1-814b-4d7d4f2a59a2"
                },
                {
                    "type": "Ext.grid.column.Column",
                    "reference": {
                        "name": "columns",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dataIndex": "estado_registro",
                        "hidden": true,
                        "text": "Estado Registro",
                        "width": "20%"
                    },
                    "configAlternates": {
                        "dataIndex": "datafield",
                        "hidden": "boolean",
                        "text": "string",
                        "width": "auto"
                    },
                    "name": "MyColumn1",
                    "designerId": "d524de88-28f6-49f9-90dc-c33e2c66bec4"
                },
                {
                    "type": "Ext.grid.column.Number",
                    "reference": {
                        "name": "columns",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dataIndex": "id",
                        "hidden": true,
                        "text": "ID"
                    },
                    "configAlternates": {
                        "dataIndex": "datafield",
                        "hidden": "boolean",
                        "text": "string"
                    },
                    "name": "MyNumberColumn1",
                    "designerId": "b24f6117-b5fa-4814-ada2-66cb784f166f"
                },
                {
                    "type": "Ext.grid.column.Number",
                    "reference": {
                        "name": "columns",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dataIndex": "uid",
                        "format": "00",
                        "hidden": true,
                        "text": "Uid"
                    },
                    "configAlternates": {
                        "dataIndex": "datafield",
                        "format": "string",
                        "hidden": "boolean",
                        "text": "string"
                    },
                    "name": "MyNumberColumn4",
                    "designerId": "6a9dc202-38c5-494b-8c7a-14a7ae876f4d"
                },
                {
                    "type": "Ext.grid.column.Column",
                    "reference": {
                        "name": "columns",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dataIndex": "nombre",
                        "text": "Nombre",
                        "width": "50%"
                    },
                    "configAlternates": {
                        "dataIndex": "datafield",
                        "text": "string",
                        "width": "auto"
                    },
                    "name": "MyColumn6",
                    "designerId": "47f56936-e70d-4a9a-b5c9-565766a8370b"
                },
                {
                    "type": "Ext.grid.column.Number",
                    "reference": {
                        "name": "columns",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dataIndex": "codigo",
                        "format": "00",
                        "text": "Codigo",
                        "width": "50%"
                    },
                    "configAlternates": {
                        "dataIndex": "datafield",
                        "format": "string",
                        "text": "string",
                        "width": "auto"
                    },
                    "name": "MyNumberColumn7",
                    "designerId": "fd4ffc0e-c575-4d34-bd96-454c7a9baee3"
                },
                {
                    "type": "Ext.grid.column.Number",
                    "reference": {
                        "name": "columns",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dataIndex": "zoom",
                        "format": "00",
                        "hidden": true,
                        "text": "Zoom"
                    },
                    "configAlternates": {
                        "dataIndex": "datafield",
                        "format": "string",
                        "hidden": "boolean",
                        "text": "string"
                    },
                    "name": "MyNumberColumn8",
                    "designerId": "21076ae3-a9d8-4c91-9097-30c5ba5e882a"
                },
                {
                    "type": "Ext.grid.column.Number",
                    "reference": {
                        "name": "columns",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dataIndex": "latitud",
                        "hidden": true,
                        "text": "Latitud"
                    },
                    "configAlternates": {
                        "dataIndex": "datafield",
                        "hidden": "boolean",
                        "text": "string"
                    },
                    "name": "MyNumberColumn9",
                    "designerId": "090aabd9-2e12-4bd8-9aaf-4fb7162e734d"
                },
                {
                    "type": "Ext.grid.column.Number",
                    "reference": {
                        "name": "columns",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dataIndex": "longitud",
                        "hidden": true,
                        "text": "Longitud"
                    },
                    "configAlternates": {
                        "dataIndex": "datafield",
                        "hidden": "boolean",
                        "text": "string"
                    },
                    "name": "MyNumberColumn11",
                    "designerId": "e87285a7-02bf-4bb2-9eed-598b2e187de7"
                },
                {
                    "type": "basiceventbinding",
                    "reference": {
                        "name": "listeners",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "fn": "onGridSelectionChange",
                        "implHandler": [
                            "this.record = selected[0];",
                            "/*",
                            "var newbox = this.down(\"#newBox\"),",
                            "    editbox = this.down(\"#editBox\"),",
                            "    deletebox = this.down(\"#deleteBox\"),",
                            "    len = selected.length;",
                            "",
                            "// clic selection code",
                            "if(len === 0) {",
                            "  newbox.columnWidth = 1;",
                            "  editbox.columnWidth = 0;",
                            "  deletebox.columnWidth = 0;",
                            "  newbox.hide();",
                            "  newbox.show();",
                            "  editbox.hide();",
                            "  deletebox.hide();",
                            "}",
                            "else if(len >= 1) {",
                            "  newbox.columnWidth = 0.33;",
                            "  newbox.layout.pack = 'end';",
                            "  editbox.columnWidth = 0.33;",
                            "  deletebox.columnWidth = 0.33;",
                            "  newbox.hide();",
                            "  newbox.show();",
                            "  editbox.hide();",
                            "  editbox.show();",
                            "  deletebox.hide();",
                            "  deletebox.show();",
                            "}",
                            "else {",
                            "  console.log(\"Error: the selection amount is negative: \" + len + \"!\");",
                            "}*/",
                            "/*else if(len > 1) {",
                            "  newbox.columnWidth = 0.5;",
                            "  editbox.columnWidth = 0;",
                            "  deletebox.columnWidth = 0.5;",
                            "  newbox.hide();",
                            "  newbox.show();",
                            "  editbox.hide();",
                            "  deletebox.hide();",
                            "  deletebox.show();",
                            "}*/"
                        ],
                        "name": "selectionchange",
                        "scope": "me"
                    },
                    "configAlternates": {
                        "fn": "string",
                        "implHandler": "code",
                        "name": "string",
                        "scope": "string"
                    },
                    "name": "onGridSelectionChange",
                    "designerId": "7a62a85a-b392-459b-a428-665bfb97f6c0"
                },
                {
                    "type": "basiceventbinding",
                    "reference": {
                        "name": "listeners",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "fn": "onGridItemLongpress",
                        "implHandler": [
                            "var newbox = this.down(\"#newBox\");",
                            "var editbox = this.down(\"#editBox\");",
                            "var deletebox = this.down(\"#deleteBox\");",
                            "newbox.columnWidth = 0.33;",
                            "newbox.layout.pack = 'end';",
                            "newbox.hide();",
                            "newbox.show();",
                            "editbox.show();",
                            "deletebox.show();",
                            "this.longpress = true;",
                            "",
                            "// this was the oldfashion way",
                            "",
                            "/*",
                            "var panelClass = \"MyApp.view.LotesPanel\";",
                            "var newPan = Ext.create(panelClass);",
                            "newPan.parent = record.data;",
                            "MyApp.main.add(newPan);",
                            "MyApp.main.getLayout().setActiveItem(newPan);*/"
                        ],
                        "name": "itemlongpress",
                        "scope": "me"
                    },
                    "configAlternates": {
                        "fn": "string",
                        "implHandler": "code",
                        "name": "string",
                        "scope": "string"
                    },
                    "name": "onGridItemLongpress",
                    "designerId": "de46c469-e53a-4206-bc02-91a5fc528096"
                },
                {
                    "type": "basiceventbinding",
                    "reference": {
                        "name": "listeners",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "fn": "onGridItemClick",
                        "implHandler": [
                            "if(!this.longpress) {",
                            "  var panelClass = \"MyApp.view.LotesPanel\";",
                            "  var newPan = Ext.create(panelClass);",
                            "  newPan.parent = record.data;",
                            "  MyApp.main.add(newPan);",
                            "  MyApp.main.getLayout().setActiveItem(newPan);",
                            "}",
                            "this.longpress = false;"
                        ],
                        "name": "itemclick",
                        "scope": "me"
                    },
                    "configAlternates": {
                        "fn": "string",
                        "implHandler": "code",
                        "name": "string",
                        "scope": "string"
                    },
                    "name": "onGridItemClick",
                    "designerId": "e3d15a6b-5c61-4ea6-9b18-d414d7c9674f"
                },
                {
                    "type": "basiceventbinding",
                    "reference": {
                        "name": "listeners",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "fn": "onGridBeforeRender",
                        "implHandler": [
                            "f_crud.renderGridWidth(component);"
                        ],
                        "name": "beforerender",
                        "scope": "me"
                    },
                    "configAlternates": {
                        "fn": "string",
                        "implHandler": "code",
                        "name": "string",
                        "scope": "string"
                    },
                    "name": "onGridBeforeRender",
                    "designerId": "c50245af-84b4-4455-9947-7099fbeee37b"
                }
            ]
        },
        {
            "type": "Ext.form.Panel",
            "reference": {
                "name": "dockedItems",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "bodyPadding": 10,
                "designer|displayName": "gridControl",
                "dock": "bottom",
                "flex": null,
                "header": false,
                "layout": "column",
                "title": "My Form"
            },
            "configAlternates": {
                "bodyPadding": "auto",
                "designer|displayName": "string",
                "dock": "string",
                "flex": "number",
                "header": "boolean",
                "layout": "string",
                "title": "string"
            },
            "name": "MyForm1",
            "designerId": "63889ecc-08ac-48b4-9ef4-e86743cbb991",
            "cn": [
                {
                    "type": "Ext.container.Container",
                    "reference": {
                        "name": "items",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "container|align": "stretch",
                        "container|pack": "center",
                        "itemId": "newBox",
                        "layout": "hbox",
                        "layout|columnWidth": 1
                    },
                    "configAlternates": {
                        "container|align": "string",
                        "container|pack": "string",
                        "itemId": "string",
                        "layout": "string",
                        "layout|columnWidth": "auto"
                    },
                    "name": "MyContainer2",
                    "designerId": "e8702c69-2818-4bad-9bae-2d81bd54c67d",
                    "cn": [
                        {
                            "type": "Ext.button.Button",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "cls": "",
                                "iconCls": "x-fa fa-plus",
                                "text": "Nuevo"
                            },
                            "configAlternates": {
                                "cls": "string",
                                "iconCls": "string",
                                "text": "string"
                            },
                            "name": "MyButton3",
                            "designerId": "4f5710cf-cea9-4a25-a14b-b4f1767b25ad",
                            "cn": [
                                {
                                    "type": "fixedfunction",
                                    "reference": {
                                        "name": "items",
                                        "type": "array"
                                    },
                                    "codeClass": null,
                                    "userConfig": {
                                        "designer|params": [
                                            "button",
                                            "e"
                                        ],
                                        "fn": "handler",
                                        "implHandler": [
                                            "f_crud.form_open(this.up(\"[cls=gridpanel]\"),'ADD');"
                                        ]
                                    },
                                    "configAlternates": {
                                        "designer|params": "typedarray",
                                        "fn": "string",
                                        "implHandler": "code"
                                    },
                                    "name": "handler",
                                    "designerId": "dde55667-a1ed-4866-a220-31d44f60d1d3"
                                }
                            ]
                        }
                    ]
                },
                {
                    "type": "Ext.container.Container",
                    "reference": {
                        "name": "items",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "container|align": "stretch",
                        "container|pack": "center",
                        "hidden": true,
                        "itemId": "editBox",
                        "layout": "hbox",
                        "layout|columnWidth": 0.33
                    },
                    "configAlternates": {
                        "container|align": "string",
                        "container|pack": "string",
                        "hidden": "boolean",
                        "itemId": "string",
                        "layout": "string",
                        "layout|columnWidth": "auto"
                    },
                    "name": "MyContainer3",
                    "designerId": "cd309eb2-3c16-461f-a747-d73cace6e169",
                    "cn": [
                        {
                            "type": "Ext.button.Button",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "cls": "",
                                "iconCls": "x-fa fa-pencil",
                                "margin": "0 0 0 10",
                                "text": "Editar"
                            },
                            "configAlternates": {
                                "cls": "string",
                                "iconCls": "string",
                                "margin": "auto",
                                "text": "string"
                            },
                            "name": "MyButton5",
                            "designerId": "d489b268-0e49-4da6-aced-546903283f75",
                            "cn": [
                                {
                                    "type": "fixedfunction",
                                    "reference": {
                                        "name": "items",
                                        "type": "array"
                                    },
                                    "codeClass": null,
                                    "userConfig": {
                                        "designer|params": [
                                            "button",
                                            "e"
                                        ],
                                        "fn": "handler",
                                        "implHandler": [
                                            "f_crud.form_open(this.up('[cls=gridpanel]'),'EDIT');"
                                        ]
                                    },
                                    "configAlternates": {
                                        "designer|params": "typedarray",
                                        "fn": "string",
                                        "implHandler": "code"
                                    },
                                    "name": "handler",
                                    "designerId": "a6ad32d6-c078-4cfd-90eb-e79addecdb0c"
                                }
                            ]
                        }
                    ]
                },
                {
                    "type": "Ext.container.Container",
                    "reference": {
                        "name": "items",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "container|align": "stretch",
                        "hidden": true,
                        "itemId": "deleteBox",
                        "layout": "hbox",
                        "layout|columnWidth": 0.33
                    },
                    "configAlternates": {
                        "container|align": "string",
                        "hidden": "boolean",
                        "itemId": "string",
                        "layout": "string",
                        "layout|columnWidth": "auto"
                    },
                    "name": "MyContainer4",
                    "designerId": "92103321-24a7-407d-95f8-839ffad43665",
                    "cn": [
                        {
                            "type": "Ext.button.Button",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "cls": "",
                                "iconCls": "x-fa fa-trash",
                                "layout|flex": null,
                                "margin": "0 0 0 10",
                                "text": "Borrar"
                            },
                            "configAlternates": {
                                "cls": "string",
                                "iconCls": "string",
                                "layout|flex": "number",
                                "margin": "auto",
                                "text": "string"
                            },
                            "name": "MyButton4",
                            "designerId": "93f091d0-c493-4b7e-82dc-0707844bea82",
                            "cn": [
                                {
                                    "type": "fixedfunction",
                                    "reference": {
                                        "name": "items",
                                        "type": "array"
                                    },
                                    "codeClass": null,
                                    "userConfig": {
                                        "designer|params": [
                                            "button",
                                            "e"
                                        ],
                                        "fn": "handler",
                                        "implHandler": [
                                            "var gridPanel = this.up('[cls=gridpanel]');",
                                            "var checkConfig = {",
                                            "    table: 'Lotes',",
                                            "    field: 'cod_establecimiento',",
                                            "    msgTitle: 'Establecimiento no vacio',",
                                            "    message: 'No puede borrar un establecimiento con lotes, <br> borre todos sus lotes primero'",
                                            "};",
                                            "//debugger;",
                                            "f_crud.grid_check_delete(gridPanel,checkConfig);"
                                        ]
                                    },
                                    "configAlternates": {
                                        "designer|params": "typedarray",
                                        "fn": "string",
                                        "implHandler": "code"
                                    },
                                    "name": "handler",
                                    "designerId": "1d468ddd-7d4c-490b-81ca-c66a63095c64"
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}