projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | Ext.define('Aria.view.ItemSelector', {\r |
| 2 | extend: 'Ext.panel.Panel',\r | |
| 3 | alias: 'widget.mysimpleitemselector',\r | |
| 4 | \r | |
| 5 | requires: [\r | |
| 6 | 'Ext.ux.form.MultiSelect',\r | |
| 7 | 'Ext.ux.form.ItemSelector'\r | |
| 8 | ],\r | |
| 9 | \r | |
| 10 | title: 'Item Selector',\r | |
| 11 | referenceHolder: true,\r | |
| 12 | \r | |
| 13 | items: [{\r | |
| 14 | xtype: 'form',\r | |
| 15 | title: 'Sample ItemSelector widget',\r | |
| 16 | ariaRole: 'region',\r | |
| 17 | reference: 'form',\r | |
| 18 | \r | |
| 19 | width: 900,\r | |
| 20 | height: 500,\r | |
| 21 | layout: 'fit',\r | |
| 22 | \r | |
| 23 | bodyStyle: {\r | |
| 24 | 'padding': '6px'\r | |
| 25 | },\r | |
| 26 | \r | |
| 27 | items: [{\r | |
| 28 | xtype: 'itemselector',\r | |
| 29 | name: 'itemselector',\r | |
| 30 | cls: 'aria-itemselector',\r | |
| 31 | reference: 'itemselector',\r | |
| 32 | fieldLabel: 'Select multiple items',\r | |
| 33 | displayField: 'text',\r | |
| 34 | valueField: 'value',\r | |
| 35 | value: ['3', '4', '6'],\r | |
| 36 | allowBlank: false,\r | |
| 37 | msgTarget: 'side',\r | |
| 38 | fromTitle: 'Available',\r | |
| 39 | toTitle: 'Selected',\r | |
| 40 | \r | |
| 41 | store: {\r | |
| 42 | type: 'array',\r | |
| 43 | fields: ['value', 'text'],\r | |
| 44 | data: [\r | |
| 45 | [123, 'One Hundred Twenty Three'],\r | |
| 46 | ['1', 'One'],\r | |
| 47 | ['2', 'Two'],\r | |
| 48 | ['3', 'Three'],\r | |
| 49 | ['4', 'Four'],\r | |
| 50 | ['5', 'Five'],\r | |
| 51 | ['6', 'Six'],\r | |
| 52 | ['7', 'Seven'],\r | |
| 53 | ['8', 'Eight'],\r | |
| 54 | ['9', 'Nine'],\r | |
| 55 | ['10', 'Ten'],\r | |
| 56 | ['11', 'Eleven'],\r | |
| 57 | ['12', 'Twelve'],\r | |
| 58 | ['13', 'Thirteen'],\r | |
| 59 | ['14', 'Fourteen'],\r | |
| 60 | ['15', 'Fifteen']\r | |
| 61 | ]\r | |
| 62 | }\r | |
| 63 | }],\r | |
| 64 | \r | |
| 65 | dockedItems: [{\r | |
| 66 | xtype: 'toolbar',\r | |
| 67 | dock: 'bottom',\r | |
| 68 | ui: 'footer',\r | |
| 69 | defaults: {\r | |
| 70 | minWidth: 75\r | |
| 71 | },\r | |
| 72 | items: ['->', {\r | |
| 73 | text: 'Clear',\r | |
| 74 | handler: function(btn) {\r | |
| 75 | var field = btn.lookupReferenceHolder().lookupReference('itemselector');\r | |
| 76 | \r | |
| 77 | if (!field.disabled) {\r | |
| 78 | field.clearValue();\r | |
| 79 | }\r | |
| 80 | }\r | |
| 81 | }, {\r | |
| 82 | text: 'Reset',\r | |
| 83 | handler: function(btn) {\r | |
| 84 | var form = btn.lookupReferenceHolder().lookupReference('form');\r | |
| 85 | \r | |
| 86 | form.getForm().reset();\r | |
| 87 | }\r | |
| 88 | }, {\r | |
| 89 | text: 'Save',\r | |
| 90 | handler: function(btn) {\r | |
| 91 | var form = btn.lookupReferenceHolder().lookupReference('form');\r | |
| 92 | \r | |
| 93 | form.getValues(true);\r | |
| 94 | \r | |
| 95 | if (form.isValid()){\r | |
| 96 | Aria.app.msg('Submitted Values', 'The following will be sent to the server: <br />'+\r | |
| 97 | form.getValues(true));\r | |
| 98 | }\r | |
| 99 | }\r | |
| 100 | }]\r | |
| 101 | }]\r | |
| 102 | }]\r | |
| 103 | });\r |