覆盖EXTJS按钮HTML

时间:2011-05-27 20:40:19

标签: extjs

当我生成一个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

谢谢, 杰米

1 个答案:

答案 0 :(得分:0)

您可以使用Ext.Panel ..

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