Как удалить автоматически сгенерированные Divs в контейнере в ExtJs

Я хочу удалить Extra div из контейнеров Extjs. У меня много контейнеров на моем представлении, но я не хочу два дополнительных divs в контейнере. Эти два divs генерируются каждый раз в контейнере, поэтому я сталкиваюсь с некоторыми проблемами, когда я применяю бутстрап на нем.

Эти два div содержат data-ref="innerCt" и data-ref="outerCt".

Спасибо

2 ответа

Эта разметка зависит от макета. Например, 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/


Просмотрев исходный код для 6.0.2, я считаю, что нужно только установить layout: 'container' в контейнере, для которого вы не хотите дополнительных div div. Все другие свойства, упомянутые в ответе Krzysztof, определяются только в Ext.layout.container.Auto, который является подклассом Ext.layout.container.Container, и поэтому нет необходимости их включать.

licensed under cc by-sa 3.0 with attribution.