删除ExtJS 4手风琴面板中的空白，根据宽度/高度调整内容

Question

我的任务是将页面上现有的ExtJS 4面板(呈现为单独的div)移动到Accordion布局中；我已经将div作为项目移动到Accordion中，面板渲染得足够好。

然而，在我的特殊情况下，Accordion Panel应用了一些我想去除的填充物(10倍)。

我怀疑这可能与一些先前存在的表格样式有关，不幸的是，我无法删除这些样式。我应该对样式表进行哪些修改，以专门针对accordion控件及其内容，从而使AccordionPanels中包含的Panels适合所有四条边？

如果它可能不是CSS样式，或者它可以像Accordion config/属性一样简单，我应该设置什么来删除这个空白？我尝试了一些看起来很有希望的设置，但没有解决这个问题。

或者，在更消极的情况下，我是否必须将小组直接纳入《协议》，这会带来更多问题？

本质上，我如何使ExtJS Accordion布局中每个面板的内容完全符合其单个Accordi翁面板的宽度和高度，而不留空白

手风琴面板ExtJS代码：

var accordion = Ext.create('Ext.panel.Panel',{
bodyPadding: '0px',
width: '370px',
autoHeight: 'false',
layout: 'accordion',
items: [
{title: 'Drawing', html: '<div id="Image" style="padding: 0px, margin: 0px; border-spacing: 0px; height: 350px"></div>'},
{title: 'Production Processes', html: '<div id="Process" style="padding: 0px, margin: 0px; border-spacing: 0px"></div>'},
{title: 'Production Item Details', html: '<div id="Details" style="padding: 0px, margin: 0px; border-spacing: 0px"></div>'}
],
renderTo: Ext.get('Accordion')
});

Answer 1

我的解决方法是采用预先存在的面板并应用塌陷控制变量：

var drawingPanel = Ext.create('Ext.panel.Panel', {
animCollapse: false,
collapsible: true,
autoWidth: true,
titleCollapse: true,
collapseFirst: false,
collapsed: true,
...

这将以折叠的方式启动面板，collapse/expand/beforerender侦听器将设置/获取控制持久状态的cookie：

...
listeners:{
expand: function(){
var now = new Date();
var exp = new Date(now.getTime() + 2592000000); //number of milliseconds equal to 30 days from now
Ext.util.Cookies.set('panelCollapsed', 'false', exp);
},
collapse: function(){
var now = new Date();
var exp = new Date(now.getTime() + 2592000000); //number of milliseconds equal to 30 days from now
Ext.util.Cookies.set('panelCollapsed', 'true', exp);
},
beforerender: function (){
var cookieSet = Ext.util.Cookies.get('panelCollapsed');
if(cookieSet == 'true')
{
Ext.apply(Ext.getCmp('panel'), { collapsed: true });
}
else
{
Ext.apply(Ext.getCmp('panel'), { collapsed: false });
}
}
}
});

该小组的其他属性已被删除，以展示其突出之处。

这一实施确实考虑了一个单独的小组；展开和折叠监听器可以根据需要可行地控制其他面板的折叠状态。诚然，这可能不如让手风琴控制正常工作那么有效，但如果它们没有按预期工作，这就是一个开始。