学习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 相关文章推荐
用JavaScript脚本实现Web页面信息交互
Oct 11 Javascript
javascript实现的动态添加表单元素input,button等(appendChild)
Nov 24 Javascript
IE事件对象(The Internet Explorer Event Object)
Jun 27 Javascript
使用js检测浏览器是否支持html5中的video标签的方法
Mar 12 Javascript
jQuery实现简单的间隔向上滚动效果
Mar 09 Javascript
原生js实现键盘控制div移动且解决停顿问题
Dec 05 Javascript
JavaScript中的编码和解码函数
Feb 15 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
Jul 24 Javascript
JavaScript正则表达式和级联效果
Sep 14 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
Oct 12 Javascript
浅谈React的最大亮点之虚拟DOM
May 29 Javascript
浅谈Vue初学之props的驼峰命名
Jul 19 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
DOTA2 6.87版本后新眼位详解攻略
2020/04/20 DOTA
php中计算时间差的几种方法
2009/12/31 PHP
php中3种方法删除字符串中间的空格
2014/03/10 PHP
php动态添加url查询参数的方法
2015/04/14 PHP
php 调用百度sms来发送短信的实现示例
2018/11/02 PHP
PHP正则之正向预查与反向预查讲解与实例
2020/04/06 PHP
javascript学习笔记(九) js对象 设计模式
2012/06/19 Javascript
判断某个字符在一个字符串中是否存在的js代码
2014/02/28 Javascript
Node.js安装教程和NPM包管理器使用详解
2014/08/16 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
浅谈javascript的Touch事件
2015/09/27 Javascript
D3.js实现饼状图的方法详解
2016/09/21 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
2016/11/17 Javascript
bootstrap+jQuery实现的动态进度条功能示例
2017/05/25 jQuery
jQuery 禁止表单用户名、密码自动填充功能
2017/10/30 jQuery
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
2019/08/27 Javascript
Vue3.x源码调试的实现方法
2019/10/13 Javascript
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
微信小程序入门之绘制时钟
2020/10/22 Javascript
Python爬虫之xlml解析库(全面了解)
2017/08/08 Python
利用python实现汉字转拼音的2种方法
2019/08/12 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
Python常驻任务实现接收外界参数代码解析
2020/07/21 Python
大学总结自我鉴定
2014/01/18 职场文书
车辆年审委托书范本
2014/09/18 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
党员四风问题个人对照检查材料
2014/10/26 职场文书
教师聘用意向书
2015/05/11 职场文书
加薪申请报告范本
2015/05/15 职场文书
2015大一新生军训感言
2015/08/01 职场文书
教务处教学工作总结
2015/08/10 职场文书
JavaScript实现贪吃蛇游戏
2021/06/16 Javascript
Python实现简单的俄罗斯方块游戏
2021/09/25 Python
SQL Server表分区降低运维和维护成本
2022/04/08 SQL Server