学习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 相关文章推荐
让getElementsByName适应IE和firefox的方法
Sep 24 Javascript
JS中==与===操作符的比较
Mar 21 Javascript
让你的博文自动带上缩址的实现代码,方便发到微博客上
Dec 28 Javascript
js之onload事件的一点使用心得
Aug 14 Javascript
在WordPress中加入Google搜索功能的简单步骤讲解
Jan 04 Javascript
全面解析bootstrap格子布局
May 22 Javascript
bootstrap table复杂操作代码
Nov 01 Javascript
浅谈es6语法 (Proxy和Reflect的对比)
Oct 24 Javascript
vue登录路由验证的实现
Dec 13 Javascript
vue element table 表格请求后台排序的方法
Sep 28 Javascript
webpack5 联邦模块介绍详解
Jul 08 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
Sep 08 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实现数组筛选奇数和偶数示例
2014/04/11 PHP
网站防止被刷票的一些思路与方法
2015/01/08 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
Laravel 框架返回状态拦截代码
2019/10/18 PHP
JS面向对象、prototype、call()、apply()
2009/05/14 Javascript
JavaScript 浏览器验证代码(来自discuz)
2010/07/17 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
判断js对象是否拥有某一个属性的js代码
2013/08/16 Javascript
javascript 上下banner替换具体实现
2013/11/14 Javascript
JavaScript中提前声明变量或函数例子
2014/11/12 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
2015/10/08 Javascript
Bootstrap每天必学之表单
2015/11/23 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
2017/03/24 jQuery
JS实现的全排列组合算法示例
2017/10/09 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
2018/01/22 Javascript
Node.js实现注册邮箱激活功能的方法示例
2018/03/23 Javascript
Angular Excel 导入与导出的实现代码
2019/04/17 Javascript
jQuery开发仿QQ版音乐播放器
2020/07/10 jQuery
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
2020/07/31 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
[03:42]2014DOTA2西雅图国际邀请赛 Navi战队巡礼
2014/07/07 DOTA
分析python服务器拒绝服务攻击代码
2014/01/16 Python
Python中声明只包含一个元素的元组数据方法
2014/08/25 Python
Python实现两个list求交集,并集,差集的方法示例
2018/08/02 Python
基于Python的ModbusTCP客户端实现详解
2019/07/13 Python
Python 中判断列表是否为空的方法
2019/11/24 Python
Pytorch mask-rcnn 实现细节分享
2020/06/24 Python
怎样声明子类
2013/07/02 面试题
建房协议书
2014/04/11 职场文书
同学聚会策划方案
2014/06/06 职场文书
统计专业自荐书
2014/07/06 职场文书
工作态度不端正检讨书
2014/10/04 职场文书
天下第一关导游词
2015/02/06 职场文书
大学毕业晚会开场白
2015/05/29 职场文书
建国大业观后感800字
2015/06/01 职场文书
实验心得体会范文
2016/01/25 职场文书