extjs/examples/kitchensink/classic/samples/view/grid/MultiSelector.js

   1 /**
   2  * This example shows how to use the "multiselector" component to build a selection of
   3  * records from a larger set. The "multiselector" is basically a Grid component with a
   4  * popup search form.
   5  */
   6 Ext.define('KitchenSink.view.grid.MultiSelector', {
   7     extend: 'Ext.container.Container',
   8
   9     xtype: 'multi-selector',
  10
  11     requires: [
  12         'Ext.view.MultiSelector'
  13     ],
  14
  15     width: 400,
  16     height: 300,
  17     layout: 'fit',
  18
  19     items: [{
  20         xtype: 'multiselector',
  21         title: 'Selected Employees',
  22
  23         fieldName: 'name',
  24
  25         viewConfig: {
  26             deferEmptyText: false,
  27             emptyText: 'No employees selected'
  28         },
  29
  30         search: {
  31             field: 'name',
  32
  33             store: {
  34                 model: 'KitchenSink.model.grid.Employee',
  35                 sorters: 'name',
  36                 proxy: {
  37                     type: 'ajax',
  38                     limitParam: null,
  39                     url: '/KitchenSink/Employees'
  40                 }
  41             }
  42         }
  43     }]
  44 });