Переопределить HTML-код кнопки EXTJS

Question

Когда я генерирую EXT.Button, полученный HTML-код выглядит следующим образом:

<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>

Как я могу создать и передать шаблон в кнопку, чтобы он выводил просто тег "button"?Я использую EXT.js 3.2.1

Спасибо, Джейми

Answer 1

Вы можете обойти это, используя Ext.Panel ..

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