]> git.proxmox.com Git - extjs.git/blame - extjs/examples/classic/aria/app/view/Buttons.js
add extjs 6.0.1 sources
[extjs.git] / extjs / examples / classic / aria / app / view / Buttons.js
CommitLineData
6527f429
DM
1Ext.define('Aria.view.Buttons', {\r
2 extend: 'Ext.panel.Panel',\r
3 alias: 'widget.mysimplebuttons',\r
4 \r
5 requires: [\r
6 'Ext.container.ButtonGroup'\r
7 ],\r
8 \r
9 title: 'Buttons',\r
10 \r
11 defaults: {\r
12 margin: 6\r
13 },\r
14\r
15 layout: 'vbox',\r
16 defaultType: 'button',\r
17 \r
18 items: [{\r
19 xtype: 'buttongroup',\r
20 title: 'Button group',\r
21 columns: 2,\r
22 \r
23 items: [{\r
24 text: 'Click me',\r
25 handler: function() {\r
26 Aria.app.msg('Button Click', 'You clicked the "{0}" button.', this.text);\r
27 }\r
28 }, {\r
29 text: 'Toggle me',\r
30 enableToggle: true\r
31 }, {\r
32 text: 'Ordinary items',\r
33 menu: {\r
34 items: [\r
35 { text: 'Item 1' },\r
36 {\r
37 text: 'Item 2',\r
38 menu: {\r
39 plain: true,\r
40 \r
41 defaults: {\r
42 plain: true\r
43 },\r
44 \r
45 items: [\r
46 { text: 'Plain item 1' },\r
47 { text: 'Plain item 2' },\r
48 { text: 'Plain item 3' }\r
49 ]\r
50 }\r
51 },\r
52 { text: 'Item 3' }\r
53 ]\r
54 }\r
55 }, {\r
56 text: 'Checkbox items',\r
57 menu: {\r
58 defaults: {\r
59 xtype: 'menucheckitem'\r
60 },\r
61 \r
62 items: [\r
63 { text: 'Check item 1' },\r
64 {\r
65 text: 'Check item 2',\r
66 menu: {\r
67 defaults: {\r
68 xtype: 'menucheckitem'\r
69 },\r
70 \r
71 items: [\r
72 { text: 'Check sub-item 1' },\r
73 { text: 'Check sub-item 2' },\r
74 { text: 'Check sub-item 3' }\r
75 ]\r
76 }\r
77 },\r
78 { text: 'Check item 3' }\r
79 ]\r
80 }\r
81 }]\r
82 }]\r
83});\r