学习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 相关文章推荐
JavaScipt基本教程之前言
Jan 16 Javascript
javascript 写类方式之九
Jul 05 Javascript
javascript appendChild,innerHTML,join性能比较代码
Aug 29 Javascript
Tab页界面 用jQuery及Ajax技术实现(php后台)
Oct 12 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
Jan 07 Javascript
JavaScript设计模式之工厂模式和构造器模式
Feb 11 Javascript
JavaScript运动减速效果实例分析
Aug 04 Javascript
node.js入门实例helloworld详解
Dec 23 Javascript
AngularJS实现路由实例
Feb 12 Javascript
ES6中字符串string常用的新增方法小结
Nov 07 Javascript
angular 组件通信的几种实现方式
Jul 13 Javascript
vue初始化动画加载的实例
Sep 01 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目录、文件操作
2010/11/01 PHP
PHP数组传递是值传递而非引用传递概念纠正
2013/01/31 PHP
thinkPHP分组后模板无法加载问题解决方法
2016/07/12 PHP
csdn 批量接受好友邀请
2009/02/19 Javascript
同一个表单 根据要求递交到不同页面的实现方法小结
2009/08/05 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
2010/09/12 Javascript
捕获键盘事件(且兼容各浏览器)
2013/07/03 Javascript
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
javascript中的=等号个数问题两个跟三个有什么区别
2013/10/23 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
2014/03/25 Javascript
Vue computed计算属性的使用方法
2017/07/14 Javascript
本地存储localStorage用法详解
2017/07/31 Javascript
vue-router配合ElementUI实现导航的实例
2018/02/11 Javascript
微信小程序左滑动显示菜单功能的实现
2018/06/14 Javascript
vue-cli项目修改文件热重载失效的解决方法
2018/09/19 Javascript
微信小程序从注册账号到上架(图文详解)
2019/07/17 Javascript
js获取 gif 的帧数的代码实例
2019/09/10 Javascript
[01:14]2014DOTA2展望TI 剑指西雅图newbee战队专访
2014/06/30 DOTA
[32:26]EG vs IG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python多进程控制学习小结
2018/10/31 Python
PyQt编程之如何在屏幕中央显示窗体的实例
2019/06/18 Python
python pandas.DataFrame.loc函数使用详解
2020/03/26 Python
一款利用html5和css3实现的3D立方体旋转效果教程
2016/04/26 HTML / CSS
使用CSS3来绘制一个月食图案
2015/07/18 HTML / CSS
Currentbody美国/加拿大:美容仪专家
2020/03/09 全球购物
struct与class的区别
2014/02/03 面试题
代码中finally中的代码会不会执行
2012/02/06 面试题
土木工程应届生自荐信
2013/09/24 职场文书
英语生日邀请函
2014/01/23 职场文书
货车司机岗位职责
2014/03/18 职场文书
建筑工程技术专业求职信
2014/07/16 职场文书
机关干部四风问题自我剖析及整改措施
2014/10/26 职场文书
营销计划书范文
2015/01/17 职场文书
应急管理工作总结2015
2015/05/04 职场文书
收入证明怎么写
2015/06/12 职场文书
2016创先争优活动党员公开承诺书
2016/03/24 职场文书