Question

我想从Extjs容器中删除Extra div。我的视图中有很多容器，但我不想在容器中添加两个额外的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)%}'
    ]
});

小提琴：http://jsfiddle.net/bzm1s8ye/2/

Answer 2

在审核了6.0.2的源代码后，我认为只需要在容器上设置layout: 'container'，而您不需要额外的布局div。 Krzysztof的答案中提到的所有其他属性仅在Ext.layout.container.Auto上定义，它是Ext.layout.container.Container的子类，因此不需要包含它们。

如何在ExtJs中删除Container中的自动生成的Div

2 个答案: