一、Accordion布局由類Ext.layout.Accordion定義，表示可折疊的布局，點(diǎn)擊每一個(gè)子元素的頭部名稱或右邊的按鈕，則會(huì)展開該面板，并收縮其它已經(jīng)展開的面板。
layoutConfig：true表示在執(zhí)行展開折疊時(shí)啟動(dòng)動(dòng)畫效果，默認(rèn)值為false。
二、應(yīng)用舉例

復(fù)制代碼代碼如下:

 
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)容"} 
] 
} 
); 

您可能感興趣的文章:

相關(guān)文章

extjs 時(shí)間范圍選擇自動(dòng)判斷的實(shí)現(xiàn)代碼
這篇文章主要介紹了extjs 時(shí)間范圍選擇自動(dòng)判斷的實(shí)現(xiàn)代碼,需要的朋友可以參考下
2014-06-06
ExtJS4如何自動(dòng)生成控制grid的列顯示、隱藏的checkbox
需要做一個(gè)控制grid列顯示的checkboxgroup，雖然EXTJS4中的gridpanel自帶列表可以來控制列的顯示隱藏,需要的朋友可以參考下
2014-05-05
ExtJS下 Ext.Direct加載和提交過程排錯(cuò)小結(jié)
基礎(chǔ)夯實(shí)一點(diǎn)，會(huì)有好處的，排錯(cuò)的時(shí)候就體現(xiàn)出來了,下面就Ext.Direct做一些排錯(cuò)筆記與大家一一分享，感興趣的朋友可以參考下哈
2013-04-04
解決ExtJS在chrome或火狐中正常顯示在ie中不顯示的瀏覽器兼容問題
由于開發(fā)過程中大多用chrome來調(diào)試，很少在ie中調(diào)試（現(xiàn)在兩者都要兼顧），導(dǎo)致最后在ie中頁面不能正常加載，當(dāng)時(shí)那個(gè)囧啊，看到ie報(bào)的錯(cuò)，我都想哭，連出錯(cuò)的堆棧信息都沒有（這一點(diǎn)，ie做的真不好），無從下手啊
2013-01-01
Extjs學(xué)習(xí)筆記之八繼承和事件基礎(chǔ)
只有有了事件，頁面才能真正的“活”起來。Extjs的事件也是經(jīng)過良好封裝的，對于事件的處理都由Ext.uitl.Observable類提供接口。
2010-01-01
extjs中g(shù)rid中嵌入動(dòng)態(tài)combobox的應(yīng)用
今天需要在grid中嵌入combobox，在網(wǎng)上找了好久也沒有找到一個(gè)正確可行的方法，可能是版本問題（我版本是extjs 3.0），沒有繼續(xù)研究其原因，自己查找資料，終于實(shí)現(xiàn)功能。現(xiàn)在分享一下代碼。
2011-01-01
Extjs NumberField后面加單位實(shí)現(xiàn)思路
本文為大家介紹下在NumberField后面加單位，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下
2013-07-07
extJs 下拉框聯(lián)動(dòng)實(shí)現(xiàn)代碼
extJs 下拉框聯(lián)動(dòng)實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2010-04-04
Extjs4 類的定義和擴(kuò)展實(shí)例
一般定義方式注意方法和函數(shù)的添加方式不同，具體定義步驟如下，感興趣的朋友可以參考下哈，感興趣的朋友可以了解下哈
2013-06-06
ExtJS 2.0實(shí)用簡明教程之獲得ExtJS
要使用ExtJS，那么首先要得到ExtJS庫文件，該框架是一個(gè)開源的，可以直接從官方網(wǎng)站下載
2009-04-04