学习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 相关文章推荐
JavaScript 数组循环引起的思考
Jan 01 Javascript
zeroclipboard复制到剪切板的flash
Aug 04 Javascript
js中array的sort()方法使用介绍
Feb 20 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
基于javascript实现单选及多选的向右和向左移动实例
Jul 25 Javascript
jquery插件autocomplete用法示例
Jul 01 Javascript
js设置随机切换背景图片的简单实例
Nov 12 Javascript
跨域请求两种方法 jsonp和cors的实现
Nov 11 Javascript
Node.js Event Loop各阶段讲解
Mar 08 Javascript
原生JS实现随机点名项目的实例代码
Apr 30 Javascript
vue props default Array或是Object的正确写法说明
Jul 30 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
Oct 30 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脚本加密专家php解密算法
2020/09/13 PHP
PHP图片验证码制作实现分享(全)
2012/05/10 PHP
深入PHP运行环境配置的详解
2013/06/04 PHP
PHP中魔术变量__METHOD__与__FUNCTION__的区别
2014/09/29 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
删除重复数据的算法
2006/11/23 Javascript
JavaScript 设计模式之组合模式解析
2010/04/09 Javascript
JS刷新当前页面的几种方法总结
2013/12/24 Javascript
实现js保留小数点后N位的代码
2014/11/13 Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
2015/03/12 Javascript
JS获取图片lowsrc属性的方法
2015/04/01 Javascript
谷歌Chrome浏览器扩展程序开发小记
2016/01/06 Javascript
jquery replace方法去空格
2017/05/08 jQuery
对于js垃圾回收机制的理解
2017/09/14 Javascript
react-router browserHistory刷新页面404问题解决方法
2017/12/29 Javascript
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
处理Python中的URLError异常的方法
2015/04/30 Python
Python制作词云的方法
2018/01/03 Python
Python实现多条件筛选目标数据功能【测试可用】
2018/06/13 Python
python绘制地震散点图
2019/06/18 Python
Python + OpenCV 实现LBP特征提取的示例代码
2019/07/11 Python
Python Multiprocessing多进程 使用tqdm显示进度条的实现
2019/08/13 Python
python网络编程:socketserver的基本使用方法实例分析
2020/04/09 Python
小结Python的反射机制
2020/09/28 Python
利用Python实现字幕挂载(把字幕文件与视频合并)思路详解
2020/10/21 Python
Lime Crime官网:美国一家主打梦幻精灵系的彩妆品牌
2019/03/22 全球购物
Groupon法国官方网站:特卖和网上购物高达-70%
2019/09/02 全球购物
乌克兰珠宝大卖场:Zlato.ua
2020/09/27 全球购物
交通安全教育制度
2014/02/02 职场文书
企业负责人任命书
2014/06/05 职场文书
锅炉工岗位职责
2015/02/13 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
2015年幼儿园学期工作总结
2015/05/22 职场文书
python 制作一个gui界面的翻译工具
2021/05/14 Python
上个世纪50年代的可穿戴技术:无线电帽子
2022/02/18 无线电
OpenCV实现常见的四种图像几何变换
2022/04/01 Python