extjshtml/DOM代码优化

已经花费了大量资源来研究如何优化extJs HTML代码。 我有一个带有标签和extjs的简单组合框，在一个页面上抛出：

<tr role="presentation" id="inputs[1].TypeId-inputRow" class="x-form-item-input-row">
    <td role="presentation" id="inputs[1].TypeId-labelCell" style="" valign="top" halign="left" width="88" class="x-field-label-cell">
        <label 
        id="inputs[1].TypeId-labelEl" 
        for="inputs[1].TypeId-inputEl" 
        class="x-form-item-label x-unselectable x-form-item-label-left" 
        style="width:83px;margin-right:5px;" unselectable="on">

        Placement ID:
    </label>
    </td>
    <td role="presentation" class="x-form-item-body x-form-trigger-wrap-focus" id="inputs[1].TypeId-bodyEl" colspan="2">
    <table id="inputs[1].TypeId-triggerWrap" class="x-form-trigger-wrap" cellpadding="0" cellspacing="0" style="table-layout: auto;">
        <tbody>
        <tr>
            <td id="inputs[1].TypeId-inputCell" class="x-form-trigger-input-cell">
                    <div class="x-hide-display x-form-data-hidden" role="presentation" id="ext-gen1311">
            </div>
            <input 
                id="inputs[1].TypeId-inputEl" 
                type="text" 
                class="x-form-field x-form-required-field x-form-text x-trigger-noedit x-form-focus x-field-form-focus x-field-default-form-focus" 
                autocomplete="off" 
                            name="inputs[1].TypeId" 
                placeholder="DATA SOURCE" 
                readonly="readonly" 
                aria-invalid="false" 
                data-errorqtip="" 
                style="width: 137px;">
            </td>
                    <td valign="top" class=" x-trigger-cell x-unselectable" style="width:22px;" id="ext-gen1310">
            <div class="x-trigger-index-0 x-form-trigger x-form-arrow-trigger x-form-trigger-first" role="button" id="ext-gen1309">
            </div>
            </td>
        </tr>
        </tbody>
    </table>
    </td>
</tr>

安置ID:

如何仅为简单的xtype:“combobox”更改表中的表？ 我在一个页面上有数百个这样的页面，它的速度会慢很多，因为HTML代码非常繁重

---

这可以通过简单的div完成，上面有浮点，为什么extJS呈现所有这些表代码？

如果你想/需要在Ext中有一个更简单的标记，唯一的方法就是编写你自己的组件，在那里你可以定义一个更简单的组件

---

如果不破坏功能或布局引擎，就无法简化Ext生成的标记

Ext的美妙之处在于它从HTML中抽象出来。那么，当您不需要在Ext中用HTML术语思考时，为什么您需要更改底层HTML呢？因为我不希望在我的页面上有那么多HTML，因为它可以在几个div中完成