add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / modern / src / view / binding / ComponentState.js

Ext.define('KitchenSink.view.binding.ComponentState', {\r
    extend: 'Ext.form.Panel',\r
\r
    //<example>\r
    requires: [\r
        'Ext.app.ViewModel'\r
    ],\r
    //</example>\r
\r
    viewModel: true,\r
\r
    items: {\r
        xtype: 'fieldset',\r
        instructions: [\r
            'The admin key field is disabled when the admin checkbox is not checked. ',\r
            'The high priority field is hidden when the priority is toggled.'\r
        ].join(''),\r
        items: [{\r
            xtype: 'checkboxfield',\r
            label: 'Is Admin',\r
            reference: 'isAdmin'\r
        }, {\r
            xtype: 'textfield',\r
            label: 'Admin Key',\r
            enforceMaxLength: true,\r
            bind: {\r
                disabled: '{!isAdmin.checked}'\r
            }\r
        }, {\r
            xtype: 'togglefield',\r
            label: 'Priority',\r
            reference: 'priority'\r
        }, {\r
            xtype: 'textfield',\r
            label: 'High Priority Code',\r
            bind: {\r
                hidden: '{!priority.value}'\r
            }\r
        }]\r
    }\r
});