学习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 相关文章推荐
Span元素的width属性无效果原因及解决方案
Jan 15 Javascript
jQuery入门问答 整理的几个常见的初学者问题
Feb 22 Javascript
JS弹出窗口代码大全(详细整理)
Dec 21 Javascript
js通过地址栏给action传值(中文乱码全是问号)
May 02 Javascript
javascript:void(0)的作用示例介绍
Oct 28 Javascript
jquery 操作iframe的几种方法总结
Dec 13 Javascript
js图片处理示例代码
May 12 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
Aug 16 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
Vue官网todoMVC示例代码
Jan 29 Javascript
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
react antd实现动态增减表单
Jun 03 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网站安装程序制作的原理、步骤、注意事项和示例代码
2010/08/01 PHP
PHP中利用substr_replace将指定两位置之间的字符替换为*号
2011/01/27 PHP
php中批量删除Mysql中相同前缀的数据表的代码
2011/07/01 PHP
PHP以指定字段为索引返回数据库所取的数据数组
2013/06/30 PHP
php+html5使用FormData对象提交表单及上传图片的方法
2015/02/11 PHP
Codeigniter发送邮件的方法
2015/03/19 PHP
自制PHP框架之路由与控制器
2017/05/07 PHP
laravel-admin的图片删除实例
2019/09/30 PHP
理解Javascript_13_执行模型详解
2010/10/20 Javascript
jQuery封装的获取Url中的Get参数示例
2013/11/26 Javascript
jQuery取得select选择的文本与值的示例
2013/12/09 Javascript
JavaScript对象数组的排序处理方法
2015/10/21 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
Bootstrap table的使用方法
2016/11/02 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
2020/06/29 Javascript
解读ES6中class关键字
2017/11/20 Javascript
JS中用EL表达式获取上下文参数值的方法
2018/03/28 Javascript
Koa项目搭建过程详细记录
2018/04/12 Javascript
Angular5中调用第三方库及jQuery的添加的方法
2018/06/07 jQuery
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
element-ui使用导航栏跳转路由的用法详解
2018/08/22 Javascript
vue项目中监听手机物理返回键的实现
2020/01/18 Javascript
python检测远程端口是否打开的方法
2015/03/14 Python
在Python的Flask框架下使用sqlalchemy库的简单教程
2015/04/09 Python
Python supervisor强大的进程管理工具的使用
2019/04/24 Python
Python画图高斯分布的示例
2019/07/10 Python
python爬虫 猫眼电影和电影天堂数据csv和mysql存储过程解析
2019/09/05 Python
浅谈spring boot 集成 log4j 解决与logback冲突的问题
2020/02/20 Python
浅谈HTML5 & CSS3的新交互特性
2016/07/19 HTML / CSS
英国领先的男士美容护发用品公司:Mankind
2016/08/31 全球购物
校园安全教育广播稿
2014/02/17 职场文书
理工类毕业自我鉴定
2014/02/20 职场文书
关于热爱祖国的演讲稿
2014/05/04 职场文书
自我管理的活动方案
2014/08/25 职场文书
中国梦演讲稿范文
2014/08/28 职场文书
开票证明
2015/06/23 职场文书