add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / kitchensink / modern / src / view / EditorPanel.js

/**\r
 * This is used by the NestedList example to allow editing of an item in the Store\r
 */\r
Ext.define('KitchenSink.view.EditorPanel', {\r
    extend: 'Ext.form.Panel',\r
    id: 'editorPanel',\r
    config: {\r
        modal: true,\r
        hideOnMaskTap: false,\r
        centered: true,\r
        width: Ext.filterPlatform('ie10') ? '100%' : 300,\r
        scrollable: null,\r
        items: [{\r
            xtype: 'textfield',\r
            name: 'text',\r
            label: 'Name',\r
            listeners: {\r
                keyup: function(field) {\r
                    Ext.getCmp('changeButton').setDisabled(field.getValue() ? false : true);\r
                }\r
            }\r
        }, {\r
            docked: 'top',\r
            xtype: 'toolbar',\r
            title: 'Edit Item'\r
        }, {\r
            docked: 'bottom',\r
            ui: ((Ext.os.is.BlackBerry && Ext.os.version.getMajor() === 10)) ? 'plain' : 'light',\r
            xtype: 'toolbar',\r
            items: [\r
                {\r
                    text: 'Cancel',\r
                    handler: function() {\r
                        Ext.getCmp('changeButton').setDisabled(false);\r
                        Ext.getCmp('editorPanel').hide();\r
                    }\r
                }, {\r
                    xtype: 'spacer'\r
                }, {\r
                    text: 'Change',\r
                    id: 'changeButton',\r
                    ui: 'action',\r
                    handler: function() {\r
                        var formPanel = Ext.getCmp('editorPanel'),\r
                            formRecord = formPanel.getRecord(),\r
                            values = formPanel.getValues();\r
\r
                        if (formRecord) {\r
                            formRecord.set(values);\r
                            formRecord.commit();\r
                        }\r
\r
                        formPanel.hide();\r
                    }\r
                }\r
            ]\r
        }]\r
    }\r
});\r