extjs/examples/classic/ticket-app/app/view/user/Group.js

   1 Ext.define('Ticket.view.user.Group', {
   2     extend: 'Ext.window.Window',
   3
   4     controller: 'user-group',
   5     viewModel: {
   6         type: 'user-group'
   7     },
   8
   9     width: 450,
  10     minHeight: 250,
  11     height: 350,
  12
  13     bodyPadding: 10,
  14     layout: {
  15         type: 'hbox',
  16         align: 'stretch'
  17     },
  18
  19     title: 'Edit Groups',
  20     modal: true,
  21
  22     items: [{
  23         xtype: 'grid',
  24         bind: '{currentOrg.groups}',
  25         reference: 'groupGrid',
  26
  27         title: 'Groups',
  28         margin: '0 5 0 0',
  29         flex: 1,
  30
  31         hideHeaders: true,
  32         columns: [{
  33             dataIndex: 'name',
  34             flex: 1
  35         }]
  36     }, {
  37         xtype: 'multiselector',
  38         bind: {
  39             store: '{groupGrid.selection.users}',
  40             title: 'Users - {groupGrid.selection.name}'
  41         },
  42
  43         title: 'Users',
  44         margin: '0 0 0 5',
  45         flex: 1,
  46
  47         search: {
  48             store: {
  49                 model: 'User'
  50             }
  51         }
  52     }],
  53
  54     buttons: [{
  55         text: 'New Group',
  56         listeners: {
  57             click: 'onAddGroup'
  58         }
  59     },'->',{
  60         text: 'Close',
  61         listeners: {
  62             click: 'closeView'
  63         }
  64     }]
  65 });