Remplacer ExtJS Bouton HTML

Question

Quand je produis un EXT.Button, il en résulte HTML ressemble à ceci:

<table id="ext-comp-1015" cellspacing="0" class="x-btn x-btn-text-icon right-toolbar-top-link x-btn-icon"> 
<tbody class="x-btn-small x-btn-icon-small-left"> 
<tr> 
<td class="x-btn-tl"><i>&nbsp;</i></td> 
<td class="x-btn-tc"></td> 
<td class="x-btn-tr"><i>&nbsp;</i></td> 
</tr> 
<tr> 
<td class="x-btn-ml"><i>&nbsp;</i></td> 
<td class="x-btn-mc"> 
<em class="" unselectable="on"> 
<button type="button" id="ext-gen93" class=" x-btn-text">&nbsp;</button> 
</em> 
</td> 
<td class="x-btn-mr"><i>&nbsp;</i></td> 
</tr> 
<tr> 
<td class="x-btn-bl"><i>&nbsp;</i></td> 
<td class="x-btn-bc"></td> 
<td class="x-btn-br"><i>&nbsp;</i></td> 
</tr> 
</tbody> 
</table> 

Comment puis-je créer et passer un modèle dans le bouton pour avoir la sortie simplement une étiquette « bouton » ? J'utilise EXT.js 3.2.1

Merci, Jamie

Answer 1

Vous pouvez la contourner en utilisant un Ext.Panel ..

new Ext.Panel({ 
    renderTo: 'id-of-element', 
    html: '<button onclick="alert(\'I was clicked\');">Click Me</button>', 
    border: false 
});