覆盖 EXTJS 按钮 HTML

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>

如何创建模板并将其传递给按钮以使其仅输出“按钮”标签？我正在使用 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
});