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

