3 <title>The source code</title>
\r
4 <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
\r
5 <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
\r
7 <body onload="prettyPrint();">
\r
8 <pre class="prettyprint lang-js">Ext.onReady(function(){
10 // This function renders a block of buttons
11 function renderButtons(title){
13 Ext.getBody().createChild({tag: 'h2', html: title});
42 'Icon and Text (left)',
58 'Icon and Text (top)',
77 'Icon and Text (right)',
96 'Icon and Text (bottom)',
115 renderButtons('Normal Buttons');
117 ButtonPanel.override({
121 renderButtons('Toggle Buttons');
123 ButtonPanel.override({
124 enableToggle : undefined,
125 menu : {items: [{text:'Menu Item 1'},{text:'Menu Item 2'},{text:'Menu Item 3'}]}
128 renderButtons('Menu Buttons');
130 ButtonPanel.override({
132 defaultType: 'splitbutton'
135 renderButtons('Split Buttons');
137 ButtonPanel.override({
139 defaultType: 'button',
143 renderButtons('Menu Buttons (Arrow on bottom)');
145 ButtonPanel.override({
147 defaultType: 'splitbutton'
150 renderButtons('Split Buttons (Arrow on bottom)');
153 // Helper class for organizing the buttons
154 ButtonPanel = Ext.extend(Ext.Panel, {
156 defaultType: 'button',
159 renderTo : 'docbody',
167 constructor: function(desc, buttons){
168 // apply test configs
169 for(var i = 0, b; b = buttons[i]; i++){
171 b.enableToggle = this.enableToggle;
172 b.split = this.split;
173 b.arrowAlign = this.arrowAlign;
177 autoEl: {tag: 'h3', html: desc, style:"padding:15px 0 3px;"},
181 ButtonPanel.superclass.constructor.call(this, {