projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | /**\r |
| 2 | * Demonstrates the functionality of the Ext.window.MessageBox class.\r | |
| 3 | */\r | |
| 4 | Ext.define('KitchenSink.view.window.MessageBox', {\r | |
| 5 | extend: 'Ext.panel.Panel',\r | |
| 6 | xtype: 'message-box',\r | |
| 7 | \r | |
| 8 | //<example>\r | |
| 9 | exampleTitle: 'Message Box',\r | |
| 10 | otherContent: [{\r | |
| 11 | type: 'ViewController',\r | |
| 12 | path: 'classic/samples/view/window/MessageBoxController.js'\r | |
| 13 | }],\r | |
| 14 | //</example>\r | |
| 15 | layout: {\r | |
| 16 | type: 'vbox',\r | |
| 17 | align: 'stretch'\r | |
| 18 | },\r | |
| 19 | controller: 'window-messagebox',\r | |
| 20 | width: 400,\r | |
| 21 | title: 'Message Box Variations',\r | |
| 22 | \r | |
| 23 | bodyPadding: 15,\r | |
| 24 | \r | |
| 25 | items: [{\r | |
| 26 | xtype: 'container',\r | |
| 27 | flex: 1,\r | |
| 28 | layout: {\r | |
| 29 | type: 'hbox',\r | |
| 30 | align: 'stretch'\r | |
| 31 | },\r | |
| 32 | items: [{\r | |
| 33 | xtype: 'container',\r | |
| 34 | flex: 1,\r | |
| 35 | layout: {\r | |
| 36 | type: 'vbox',\r | |
| 37 | align: 'stretch'\r | |
| 38 | },\r | |
| 39 | defaults: {\r | |
| 40 | margin: '0 0 10 0'\r | |
| 41 | },\r | |
| 42 | defaultType: 'button',\r | |
| 43 | items: [{\r | |
| 44 | text: 'Confirm Dialog',\r | |
| 45 | handler: 'onConfirmClick'\r | |
| 46 | }, {\r | |
| 47 | text: 'Prompt Dialog',\r | |
| 48 | handler: 'onPromptClick'\r | |
| 49 | }, {\r | |
| 50 | text: 'Multi-line Prompt',\r | |
| 51 | handler: 'onMultiLinePromptClick'\r | |
| 52 | }, {\r | |
| 53 | text: 'Yes/No/Cancel Dialog',\r | |
| 54 | handler: 'onYesNoCancelClick'\r | |
| 55 | }]\r | |
| 56 | }, {\r | |
| 57 | xtype: 'container',\r | |
| 58 | margin: '0 0 0 20',\r | |
| 59 | flex: 1,\r | |
| 60 | layout: {\r | |
| 61 | type: 'vbox',\r | |
| 62 | align: 'stretch'\r | |
| 63 | },\r | |
| 64 | defaults: {\r | |
| 65 | margin: '0 0 10 0'\r | |
| 66 | },\r | |
| 67 | defaultType: 'button',\r | |
| 68 | items: [{\r | |
| 69 | text: 'Progress Dialog',\r | |
| 70 | handler: 'onProgressClick'\r | |
| 71 | }, {\r | |
| 72 | text: 'Wait Dialog',\r | |
| 73 | handler: 'onWaitClick'\r | |
| 74 | }, {\r | |
| 75 | text: 'Alert Dialog',\r | |
| 76 | handler: 'onAlertClick'\r | |
| 77 | }, {\r | |
| 78 | text: 'Custom Button Text',\r | |
| 79 | handler: 'onCustomButtonText'\r | |
| 80 | }]\r | |
| 81 | }]\r | |
| 82 | }, {\r | |
| 83 | xtype: 'container',\r | |
| 84 | margin: '30 0 0 0',\r | |
| 85 | layout: 'hbox',\r | |
| 86 | items: [{\r | |
| 87 | xtype: 'combobox',\r | |
| 88 | fieldLabel: 'Choose Icon',\r | |
| 89 | reference: 'icon',\r | |
| 90 | forceSelection: true,\r | |
| 91 | editable: false,\r | |
| 92 | value: 'error',\r | |
| 93 | width: 250,\r | |
| 94 | store: [\r | |
| 95 | ['error', 'Error'], \r | |
| 96 | ['info', 'Informational'], \r | |
| 97 | ['question', 'Question'], \r | |
| 98 | ['warning', 'Warning']\r | |
| 99 | ]\r | |
| 100 | }, {\r | |
| 101 | xtype: 'button',\r | |
| 102 | text: 'Icon Dialog',\r | |
| 103 | handler: 'onIconClick',\r | |
| 104 | margin: '0 0 0 5'\r | |
| 105 | }]\r | |
| 106 | }]\r | |
| 107 | }); |