]> git.proxmox.com Git - extjs.git/blame - extjs/examples/classic/neptune-components/app/view/button/Buttons.js
add extjs 6.0.1 sources
[extjs.git] / extjs / examples / classic / neptune-components / app / view / button / Buttons.js
CommitLineData
6527f429
DM
1Ext.define('Neptune.view.button.Buttons', {\r
2 extend: 'Ext.container.Container',\r
3 xtype: 'buttons',\r
4 id: 'buttons',\r
5\r
6 layout: {\r
7 type: 'table',\r
8 columns: 6,\r
9 tdAttrs: { style: 'padding: 15px; text-align: center;' }\r
10 },\r
11\r
12 items: [],\r
13\r
14 constructor: function() {\r
15 this.createRows();\r
16 this.callParent(arguments);\r
17 },\r
18\r
19 createRows: function() {\r
20 var me = this;\r
21\r
22 me.createRow({});\r
23 me.createRow({ icon: true });\r
24 me.createRow({ iconAlign: 'right', icon: true });\r
25 me.createRow({ iconAlign: 'top', icon: true });\r
26 me.createRow({ iconAlign: 'bottom', icon: true });\r
27 },\r
28\r
29 createRow: function(cfg) {\r
30 this.items.push(\r
31 Ext.apply({ xtype: 'smallButton' }, cfg),\r
32 Ext.apply({ xtype: 'mediumButton' }, cfg),\r
33 Ext.apply({ xtype: 'largeButton' }, cfg),\r
34 Ext.apply({ xtype: 'smallButton', disabled: true }, cfg),\r
35 Ext.apply({ xtype: 'mediumButton', disabled: true }, cfg),\r
36 Ext.apply({ xtype: 'largeButton', disabled: true }, cfg)\r
37 );\r
38 }\r
39});