header - ExtJs 4 如何更改手风琴标题的高度

Question

我想更改 Accordion 的标题高度，我使用 css 设置标题的高度。

#panel1 .x-accordion-hd{ height: 40px;}

高度发生了变化，但面板的内容被标题覆盖，当面板折叠时，下一个标题将覆盖前一个标题的一部分。这是图片。任何帮助将不胜感激。

Answer 1

您可以在手风琴面板内放置一个容器并在容器中设置填充

items: [{
        title: 'Panel 1',
        items:[{
                xtype:'container',
                padding:'25px 0 0 0',
                html:'panel content'
              }]
        },{
        title:'Panel 2',
        items:[{
                xtype:'container',
                padding:'25px 0 0 0',
                html:'panel content'
              }]
        }]

Answer 2

这是个好主意，我还在http://ext4all.com/post/how-to-change-the-header-s-height-of-accordion找到了另一个解决方案，谢谢！