学习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 相关文章推荐
js获取当前页面路径示例讲解
Jan 08 Javascript
javascript arguments使用示例
Dec 16 Javascript
把Node.js程序加入服务实现随机启动
Jun 25 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
Sep 06 Javascript
jQuery Password Validation密码验证
Dec 30 Javascript
less简单入门(CSS 预处理语言)
Mar 08 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
利用Javascript获取选择文本所在的句子详解
Dec 03 Javascript
vue 组件内获取actions的response方式
Nov 08 Javascript
js验证密码强度解析
Mar 18 Javascript
js实现拖拽元素选择和删除
Aug 25 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删除页面记录 同时刷新页面 删除条件用GET方式获得
2012/01/10 PHP
php中将数组转成字符串并保存到数据库中的函数代码
2013/09/29 PHP
php判断linux下程序问题实例
2015/07/09 PHP
PHP编写daemon process 实例详解
2016/11/13 PHP
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
JS实现的在线调色板实例(附demo源码下载)
2016/03/01 Javascript
简单理解Vue条件渲染
2016/12/03 Javascript
详解jQuery中ajax.load()方法
2017/01/25 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
2017/09/05 Javascript
基于vue2实现左滑删除功能
2017/11/28 Javascript
vue实例中data使用return包裹的方法
2018/08/27 Javascript
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
如何在Vue.js中实现标签页组件详解
2019/01/02 Javascript
javascript 代码是如何被压缩的示例代码
2020/05/06 Javascript
[01:05:59]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
布同自制Python函数帮助查询小工具
2011/03/13 Python
python通过urllib2爬网页上种子下载示例
2014/02/24 Python
python使用calendar输出指定年份全年日历的方法
2015/04/04 Python
Python实现批量修改文件名实例
2015/07/08 Python
在Python的Django框架中为代码添加注释的方法
2015/07/16 Python
详解python时间模块中的datetime模块
2016/01/13 Python
使用Python编写基于DHT协议的BT资源爬虫
2016/03/19 Python
说一说Python logging
2016/04/15 Python
Python简单爬虫导出CSV文件的实例讲解
2018/07/06 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
Python中if有多个条件处理方法
2020/02/26 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
详解python中的lambda与sorted函数
2020/09/04 Python
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
Foot Locker意大利官网:全球领先的运动鞋和服装零售商
2017/05/30 全球购物
社区庆八一活动方案
2014/02/02 职场文书
便利店促销方案
2014/02/20 职场文书
运动会铅球比赛加油稿
2014/09/26 职场文书
实习单位证明范例
2014/11/17 职场文书
忠诚与背叛观后感
2015/06/04 职场文书
电工实训心得体会
2016/01/14 职场文书