css - 如何在 ExtJs 中删除容器中自动生成的 Div

Question

我想从 Extjs 容器中删除额外的 div。我的 View 中有很多容器，但我不希望容器中有两个额外的 div。这两个 div 每次都在容器中生成，所以我在对其应用 Bootstrap 时遇到了一些问题。

这两个 div 包含 data-ref="innerCt" 和 data-ref="outerCt"。

谢谢

Answer 1

此标记取决于布局。例如，fit 不会渲染额外的 div，但它一次只能显示一个组件。您可以通过定义自定义布局来实现类似的行为。示例:

Ext.define('Ext.layout.container.Null', {
    alias: ['layout.null', 'layout.nullcontainer'],
    extend: 'Ext.layout.container.Container',
    type: 'nullcontainer',

    reserveScrollbar: false,
    managePadding: false,
    manageOverflow: false,
    needsItemSize: false,
    setsItemSize: false,

    renderTpl: [
        '{%this.renderBody(out,values)%}'
    ]
});

fiddle :http://jsfiddle.net/bzm1s8ye/2/