{
    "type": "Ext.dataview.component.DataItem",
    "reference": {
        "name": "items",
        "type": "array"
    },
    "codeClass": null,
    "userConfig": {
        "container|align": "center",
        "height": null,
        "padding": 10,
        "style": "background-color: yellow;",
        "ui": null,
        "width": null,
        "designer|userClassName": "KittensListItem",
        "designer|userAlias": "kittenslistitem",
        "layout": "hbox"
    },
    "designerId": "01dc0774-9da4-416d-a093-f612d55f0281",
    "cn": [
        {
            "type": "fixedfunction",
            "reference": {
                "name": "items",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "fn": "updateRecord",
                "designer|params": [
                    "record"
                ],
                "implHandler": [
                    "// Provide an implementation to update this container's child items\r",
                    "me = this;\r",
                    "this.down(\"#form\").setRecord(record);\r",
                    "//console.log(this.down(\"#form\").getRecord());\r",
                    "\r",
                    "// Imposta il valore per ogni oggetto con il corrisponedente name, la\r",
                    "// proprietà che viene usata dal form panel per eseguire l'associazione\r",
                    "for(var fieldName in record.raw){\r",
                    "    control = me.down('[name=' + fieldName + ']');\r",
                    "    //control = me.down('#' + fieldName); //lo recuper impostando il nome nella proprieta itemId invece di usare qualla name.\r",
                    "\r",
                    "    if (control) \r",
                    "    control.setValue(record.get(fieldName));\r",
                    "}\r",
                    "\r",
                    "//this.down(\"#\" + fieldName).setValue(record.get(fieldName));\r",
                    "//console.log(this.down(\"#form\").getRecord());"
                ]
            },
            "designerId": "21921a1f-dfcb-4711-a2a9-c15ca226e08c"
        },
        {
            "type": "Ext.field.Slider",
            "reference": {
                "name": "items",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "layout|flex": 1,
                "itemId": null,
                "style": "background-color: red;",
                "label": null,
                "name": "Valore",
                "maxValue": 30
            },
            "designerId": "acc78099-c6a7-44e1-a954-28ef69dd9fbe"
        },
        {
            "type": "Ext.form.Panel",
            "reference": {
                "name": "items",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "layout|flex": 1,
                "height": 70,
                "itemId": "form",
                "style": "background-color: red;",
                "designer|createAlias": null,
                "layout": "fit",
                "scrollable": null
            },
            "designerId": "c64ac682-e9e7-4d94-8f0b-6b6cf4e7002e",
            "cn": [
                {
                    "type": "Ext.field.Slider",
                    "reference": {
                        "name": "items",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "itemId": "Valore",
                        "style": "background-color: green;",
                        "label": null,
                        "name": "Valore",
                        "maxValue": 30
                    },
                    "designerId": "374e8379-acdc-46e9-9fa6-baf757819e30"
                }
            ]
        }
    ]
}