add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / kitchensink / classic / samples / view / binding / ChildSession.js

/**\r
 * This example demonstrates an isolated child session. When the dialog is\r
 * created, a child session is spawned from the parent. Any changes made to\r
 * data in this session do not affect the parent immediately. The changes\r
 * are kept separate from the parent and may then be saved to the parent or\r
 * alternatively discarded to leave the parent in its original state.\r
 */\r
Ext.define('KitchenSink.view.binding.ChildSession', {\r
    extend: 'Ext.panel.Panel',\r
    xtype: 'binding-child-session',\r
    //<example>\r
    requires: [\r
        'KitchenSink.view.binding.ChildSessionModel',\r
        'KitchenSink.view.binding.ChildSessionController',\r
        'Ext.grid.Panel'\r
    ],\r
    otherContent: [{\r
        type: 'ViewModel',\r
        path: 'classic/samples/view/binding/ChildSessionModel.js'\r
    }, {\r
        type: 'ViewController',\r
        path: 'classic/samples/view/binding/ChildSessionController.js'\r
    }, {\r
        type: 'View',\r
        path: 'classic/samples/view/binding/ChildSessionForm.js'\r
    }, {\r
        type: 'Model',\r
        path: 'classic/samples/model/Customer.js'\r
    }, {\r
        type: 'Model',\r
        path: 'classic/samples/model/Order.js'\r
    }],\r
    //</example>\r
\r
    title: 'All Customers',\r
    frame: true,\r
    width: 420,\r
    height: 320,\r
    layout: {\r
        type: 'vbox',\r
        align: 'stretch'\r
    },\r
\r
    viewModel: {\r
        type: 'binding.childsession'\r
    },\r
\r
    controller: 'binding.childsession',\r
\r
    // Create a session for this view\r
    session: true,\r
\r
    items: [{\r
        flex: 1,\r
        xtype: 'grid',\r
        reference: 'customerGrid',\r
        bind: '{customers}',\r
        columns: [{\r
            dataIndex: 'name',\r
            flex: 1,\r
            text: 'Name'\r
        }, {\r
            dataIndex: 'phone',\r
            flex: 1,\r
            text: 'Phone'\r
        }, {\r
            xtype: 'widgetcolumn',\r
            width: 90,\r
            widget: {\r
                xtype: 'button',\r
                text: 'Edit',\r
                handler: 'onEditCustomerClick'\r
            }\r
        }]\r
    }],\r
\r
    tbar: [{\r
        text: 'Add Customer',\r
        handler: 'onAddCustomerClick'\r
    }, {\r
        text: 'Remove Customer',\r
        handler: 'onRemoveCustomerClick',\r
        bind: {\r
            disabled: '{!customerGrid.selection}'\r
        }\r
    }],\r
\r
    buttons: [{\r
        text: 'Show Changes',\r
        handler: 'onSessionChangeClick'\r
    }]\r
});\r