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