学习ExtJS accordion布局


Posted in Javascript onOctober 08, 2009

一、Accordion布局由类Ext.layout.Accordion定义,表示可折叠的布局,点击每一个子元素的头部名称或右边的按钮,则会展开该面板,并收缩其它已经展开的面板。
layoutConfig:true表示在执行展开折叠时启动动画效果,默认值为false。
二、应用举例

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中的内容"}, 
{title:"子元素2",html:"这是子元素2中的内容"}, 
{title:"子元素3",html:"这是子元素3中的内容"} 
] 
} 
);
Javascript 相关文章推荐
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
Sep 28 Javascript
JS中prototype关键字的功能介绍及使用示例
Jul 21 Javascript
我的Node.js学习之路(一)
Jul 06 Javascript
javascript表单验证和Window详解
Dec 11 Javascript
JavaScript实现列出数组中最长的连续数
Dec 29 Javascript
浅谈document.write()输出样式
May 07 Javascript
javascript动画系列之模拟滚动条
Dec 13 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
Dec 25 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
seajs下require书写约定实例分析
May 16 Javascript
Array数组对象中的forEach、map、filter及reduce详析
Aug 02 Javascript
js根据后缀判断文件文件类型的代码
May 09 Javascript
学习ExtJS form布局
Oct 08 #Javascript
学习ExtJS fit布局使用说明
Oct 08 #Javascript
学习ExtJS border布局
Oct 08 #Javascript
学习ExtJS Column布局
Oct 08 #Javascript
学习ExtJS 访问容器对象
Oct 07 #Javascript
学习ExtJS Window常用方法
Oct 07 #Javascript
学习ExtJS Panel常用方法
Oct 07 #Javascript
You might like
php中substr()函数参数说明及用法实例
2014/11/15 PHP
Java和PHP在Web开发方面对比分析
2015/03/01 PHP
javascript实现上传图片并预览的效果实现代码
2011/04/11 Javascript
23个超流行的jQuery相册插件整理分享
2011/04/25 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
2013/01/25 Javascript
Knockout visible绑定使用方法
2013/11/15 Javascript
分享20款美化网站的 jQuery Lightbox 灯箱插件
2014/10/10 Javascript
javascript使用switch case实现动态改变超级链接文字及地址
2014/12/16 Javascript
微信JS接口汇总及使用详解
2015/01/09 Javascript
jquery+css实现动感的图片切换效果
2015/11/25 Javascript
JS实现的点击按钮图片上下滚动效果示例
2019/01/28 Javascript
vuex实现像调用模板方法一样调用Mutations方法
2019/11/06 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
2020/12/24 Javascript
微信小程序实现日历签到
2020/09/21 Javascript
浅析Python中的join()方法的使用
2015/05/19 Python
Python2实现的LED大数字显示效果示例
2017/09/04 Python
用Python进行简单图像识别(验证码)
2018/01/19 Python
Python实现求解一元二次方程的方法示例
2018/06/20 Python
很酷的python表白工具 你喜欢我吗
2019/04/11 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
python3的url编码和解码,自定义gbk、utf-8的例子
2019/08/22 Python
python取均匀不重复的随机数方式
2019/11/27 Python
Python代码生成视频的缩略图的实例讲解
2019/12/22 Python
Python安装依赖(包)模块方法详解
2020/02/14 Python
python温度转换华氏温度实现代码
2020/12/06 Python
加拿大女鞋品牌:ALDO
2016/11/13 全球购物
当当网官方旗舰店:中国图书销售夺金品牌
2018/04/02 全球购物
南京某公司笔试题
2013/01/27 面试题
党委书记岗位职责
2013/11/24 职场文书
国贸专业个人求职信分享
2013/12/04 职场文书
硕士研究生自我鉴定范文
2013/12/27 职场文书
劳动模范事迹材料
2014/01/19 职场文书
金融管理应届生求职信
2014/02/20 职场文书
应届生求职信
2014/05/31 职场文书
会计手工模拟做账心得体会
2016/01/22 职场文书
JS如何实现基于websocket的多端桥接平台
2021/05/14 Javascript