学习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 相关文章推荐
添加到收藏夹代码(兼容几乎所有的浏览器)
Jan 09 Javascript
jQuery Selector选择器小结
May 06 Javascript
原生javascript实现拖动元素示例代码
Sep 01 Javascript
JS取得绝对路径的实现代码
Jan 16 Javascript
微信QQ的二维码登录原理js代码解析
Jun 23 Javascript
jQuery的ajax和遍历数组json实例代码
Aug 01 Javascript
vue.js框架实现表单排序和分页效果
Aug 09 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
JS实现字符串中去除指定子字符串方法分析
May 17 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
Dec 06 Javascript
深入了解Hybrid App技术的相关知识
Jul 17 Javascript
谈谈node.js中的模块系统
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数组操作
2011/12/30 PHP
PHP 中关于ord($str)>0x80的详细说明
2012/09/23 PHP
php设计模式之命令模式的应用详解
2013/05/21 PHP
php获取网页上所有链接的方法
2015/04/03 PHP
不一样的文字闪烁 轮番闪烁
2009/11/11 Javascript
jquery中实现简单的tabs插件功能的代码
2011/03/02 Javascript
基于jQuery的公告无限循环滚动实现代码
2012/05/11 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
nodejs的require模块(文件模块/核心模块)及路径介绍
2013/01/14 NodeJs
JavaScript编程中布尔对象的基本使用
2015/10/25 Javascript
Javascript 动态改变imput type属性
2016/11/01 Javascript
jQuery中DOM节点的删除方法总结(超全面)
2017/01/22 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
2017/04/07 Javascript
jQuery鼠标移动图片上实现放大效果
2017/06/25 jQuery
JavaScript反弹动画效果的实现代码
2017/07/13 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
2017/11/14 Javascript
使用async、enterproxy控制并发数量的方法详解
2018/01/02 Javascript
[00:47]DOTA2荣耀之路6:天火,天火!
2018/05/30 DOTA
Python使用arrow库优雅地处理时间数据详解
2017/10/10 Python
Python异常的检测和处理方法
2018/10/26 Python
Python利用多线程同步锁实现多窗口订票系统(推荐)
2019/12/22 Python
python实现微信打飞机游戏
2020/03/24 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
Python通过format函数格式化显示值
2020/10/17 Python
canvas进阶之贝塞尔公式推导与物体跟随复杂曲线的轨迹运动
2018/01/10 HTML / CSS
美国领先的低折扣旅行网站:Hotwire
2019/01/19 全球购物
美国手机支架公司:PopSockets
2019/11/27 全球购物
努力学习演讲稿
2014/05/10 职场文书
技术岗位竞聘演讲稿
2014/05/16 职场文书
老龄工作先进事迹
2014/08/15 职场文书
2014年教师节国旗下讲话稿
2014/09/10 职场文书
2014年初一班主任工作总结
2014/11/08 职场文书
2015年教师党员个人总结
2015/11/24 职场文书
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫
MySQL 数据库范式化设计理论
2022/04/22 MySQL