學(xué)習(xí)ExtJS accordion布局
更新時間：2009年10月08日 00:04:53 作者：
ExtJS accordion布局使用說明，需要的朋友可以參考下。
一、Accordion布局由類Ext.layout.Accordion定義，表示可折疊的布局，點擊每一個子元素的頭部名稱或右邊的按鈕，則會展開該面板，并收縮其它已經(jīng)展開的面板。
layoutConfig：true表示在執(zhí)行展開折疊時啟動動畫效果，默認(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)容"}
]
}
);
layoutConfig：true表示在執(zhí)行展開折疊時啟動動畫效果，默認(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)容"}
]
}
);
您可能感興趣的文章:
- 基于jQuery實現(xiàn)Accordion手風(fēng)琴自定義插件
- jquery實現(xiàn)的Accordion折疊面板效果代碼
- ajaxToolkit:AccordionPane演示與應(yīng)用實例
- Mootools 1.2 手風(fēng)琴（Accordion）教程
- jQuery EasyUI API 中文文檔 - Panel面板
- jQuery實現(xiàn)的簡單折疊菜單(折疊面板)效果代碼
- jQuery Easyui使用(一)之可折疊面板的布局手風(fēng)琴菜單
- jquery實現(xiàn)簡單合攏與展開網(wǎng)頁面板的方法
- jQuery實現(xiàn)可展開合攏的手風(fēng)琴面板菜單
- jQuery EasyUI Accordion可伸縮面板組件使用詳解
相關(guān)文章
extjs3 combobox取value和text案例詳解
使用combobox時，它有一個hiddenName的屬性，專門用于提交combobox中value的值,接下來介紹extjs3 combobox如何取value和text值,感興趣的朋友可以不要錯過了啊2013-02-02
ExtJS Window常用方法,需要的朋友可以參考下。2009-10-10
extjs grid設(shè)置某列背景顏色和字體顏色的實現(xiàn)方法
extjs grid設(shè)置某列背景顏色和字體顏色的實現(xiàn)步驟，需要的朋友可以參考下。2010-09-09
ExtJS GridPanel 根據(jù)條件改變字體顏色
ExtJS下GridPanel 根據(jù)條件改變字體顏色的實現(xiàn)代碼。2010-03-03
Ext.util.Observable有一個重要的功能，可以為某個事件設(shè)置攔截器，統(tǒng)一管理方法的處罰。使用capture()和releaseCapture()來實現(xiàn)這個功能。2010-01-01
基于ExtJs在頁面上window再調(diào)用Window的事件處理方法
下面小編就為大家?guī)硪黄贓xtJs在頁面上window再調(diào)用Window的事件處理方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
ExtJS 中Window的窗口最大化只需將maximizable屬性設(shè)置為true即可，點擊最大化按鈕就可以將窗體最大化，最小化的操作類似將minimizable設(shè)置為true，即可以看到窗體的最小化按鈕，但是點擊此按鈕并不會出發(fā)任何操作，Ext沒有為窗口預(yù)設(shè)最小化的任何操作，需要自己自定義最小化功能。2009-11-11
這幾天做后臺看了一些Ext的知識，在切入工作項目的時候出現(xiàn)了亂碼情況,所以就總結(jié)了這篇ExtJS中文亂碼之GBK格式編碼解決辦法的文章,遇到此問題的朋友可以參考一下，希望本文對你有所幫助2013-01-01
Extjs中DisplayField的日期或者數(shù)字格式化擴展
在用Extjs的時候，有時需要對 Ext.form.DisplyField 進行格式化。2010-09-09
Extjs ajax同步請求時post方式參數(shù)發(fā)送方式
一般參數(shù)傳遞通過url后面跟后臺也能取到，不過看到send參數(shù)也可以發(fā)送參數(shù)，試驗了一下服務(wù)器端接受不到發(fā)送的參數(shù)，在firebug里看到發(fā)送的請求post部分是一個串，不太象正常發(fā)送的參數(shù)。2009-08-08