add extjs 6.0.1 sources

[extjs.git] / extjs / examples / classic / ticket-app / app / view / user / User.js

/**\r
 * This class defines the User editing view.\r
 */\r
Ext.define('Ticket.view.user.User', {\r
    extend: 'Ext.window.Window',\r
    \r
    controller: 'user', // links to Ticket.view.user.UserController\r
    \r
    width: 300,\r
    minHeight: 250,\r
    height: 450,\r
    bodyPadding: 10,\r
    layout: {\r
        type: 'vbox',\r
        align: 'stretch'\r
    },\r
\r
    // As a Window the default property we are binding is "title":\r
    bind: 'Edit User: {theUser.name}',\r
\r
    modal: true,\r
\r
    tools: [{\r
        type: 'gear',\r
        tooltip: 'Edit Groups',\r
\r
        // Call is routed to our ViewController (Ticket.view.user.UserController):\r
        callback: 'onGroupsClick'\r
    }],\r
    \r
    items: [{\r
        xtype: 'textfield',\r
        fieldLabel: 'Name',\r
        labelWidth: 70,\r
\r
        // As a textfield the default property we are binding is "value":\r
        bind: '{theUser.name}'\r
    }, {\r
        // The multiselector is basically a grid that displays the currently selected\r
        // items. To add items there is a Search tool configured below.\r
        xtype: 'multiselector',\r
        bind: '{theUser.groups}',\r
\r
        title: 'Groups',\r
\r
        flex: 1,\r
        margin: '10 0',\r
\r
        // This configures the Search popup. In this case we want to browse all groups.\r
        search: {\r
            store: {\r
                model: 'Group'\r
            }\r
        }\r
    }],\r
\r
    buttons: [{\r
        text: 'Groups',\r
        listeners: {\r
            // Call is routed to our ViewController (Ticket.view.user.UserController):\r
            click: 'onGroupsClick'\r
        }\r
    }, '->', {\r
        text: 'Close',\r
        listeners: {\r
            // Call is routed to our ViewController (Ticket.view.user.UserController) but\r
            // the "closeView" method is a helper inherited from Ext.app.ViewController.\r
            click: 'closeView'\r
        }\r
    }]\r
});\r