add extjs 6.0.1 sources

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

Ext.define('KitchenSink.view.binding.Selection', {\r
    extend: 'Ext.Container',\r
\r
    //<example>\r
    otherContent: [{\r
        type: 'ViewModel',\r
        path: 'modern/src/view/binding/SelectionModel.js'\r
    }, {\r
        type: 'ViewModel',\r
        path: 'modern/src/model/Person.js'\r
    }],\r
    //</example>\r
\r
    referenceHolder: true,\r
\r
    viewModel: 'binding-selection',\r
\r
    layout: {\r
        type: 'hbox',\r
        align: 'stretch'\r
    },\r
\r
    items: [{\r
        xtype: 'list',\r
        flex: 1,\r
        itemTpl: '{lastName}, {firstName}',\r
        bind: '{people}',\r
        reference: 'peopleList'\r
    }, {\r
        xtype: 'formpanel',\r
        flex: 1,\r
        items: {\r
            xtype: 'fieldset',\r
            instructions: [\r
                'The form is bound to the selection in the list. As the form ',\r
                'fields change, the models in the list are automatically updated ',\r
                'with the field input.'\r
            ].join(''),\r
            items: [{\r
                xtype: 'textfield',\r
                label: 'First Name',\r
                bind: '{peopleList.selection.firstName}'\r
            }, {\r
                xtype: 'textfield',\r
                label: 'Last Name',\r
                bind: '{peopleList.selection.lastName}'\r
            }]\r
        }\r
    }]\r
});