一、Accordion布局由類Ext.layout.Accordion定義,表示可折疊的布局,點(diǎn)擊每一個(gè)子元素的頭部名稱或右邊的按鈕,則會(huì)展開(kāi)該面板,并收縮其它已經(jīng)展開(kāi)的面板。 
layoutConfig:true表示在執(zhí)行展開(kāi)折疊時(shí)啟動(dòng)動(dòng)畫(huà)效果,默認(rèn)值為false。 
二、應(yīng)用舉例 
 代碼如下: 
Ext.onReady(function(){ 
var _panel = new Ext.Panel({ 
title:"人員信息", 
renderTo:Ext.getBody(), 
frame:true, 
width:500, 
height:300, 
layout:"accordion", 
layoutConfig: { 
animate: true 
}, 
items:[{title:"子元素1",html:"這是子元素1中的內(nèi)容"}, 
{title:"子元素2",html:"這是子元素2中的內(nèi)容"}, 
{title:"子元素3",html:"這是子元素3中的內(nèi)容"} 
] 
} 
);