学习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 相关文章推荐
checkbox 复选框不能为空
Jul 11 Javascript
js验证是否为数字的总结
Apr 14 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
Apr 17 Javascript
AngularJS 模块详解及简单实例
Jul 28 Javascript
JavaScript中数组slice和splice的对比小结
Sep 22 Javascript
微信小程序http连接访问解决方案的示例
Nov 05 Javascript
webpack中如何使用雪碧图的示例代码
Nov 11 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
Jul 29 Javascript
JS数组方法shift()、unshift()用法实例分析
Jan 18 Javascript
js实现双人五子棋小游戏
May 28 Javascript
原生JS实现拖拽功能
Dec 16 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
YB217、YB235、YB400浅听
2021/03/02 无线电
php获得客户端浏览器名称及版本的方法(基于ECShop函数)
2015/12/23 PHP
PHP实现文件上传操作和封装
2020/03/04 PHP
javascript multibox 全选
2009/03/22 Javascript
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
2013/01/27 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
jQuery使用drag效果实现自由拖拽div
2015/06/11 Javascript
使用Node.js实现HTTP 206内容分片的教程
2015/06/23 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
2015/07/17 Javascript
在JavaScript中使用JSON数据
2016/02/15 Javascript
JQuery EasyUI的使用
2016/02/24 Javascript
简单的jQuery banner图片轮播实例代码
2016/03/04 Javascript
深入解析JavaScript中函数的Currying柯里化
2016/03/19 Javascript
json对象与数组以及转换成js对象的简单实现方法
2016/06/24 Javascript
javascript中获取class的简单实现
2016/07/12 Javascript
正则验证小数点后面只能有两位数的方法
2017/02/28 Javascript
详解angular应用容器化部署
2018/08/14 Javascript
vue-for循环嵌套操作示例
2019/01/28 Javascript
Bootstrap实现省市区三级联动(亲测可用)
2019/07/26 Javascript
Python 读写文件的操作代码
2018/09/20 Python
Python3利用Dlib实现摄像头实时人脸检测和平铺显示示例
2019/02/21 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
python3对接mysql数据库实例详解
2019/04/30 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
Python实现决策树并且使用Graphviz可视化的例子
2019/08/09 Python
从训练好的tensorflow模型中打印训练变量实例
2020/01/20 Python
python实现将字符串中的数字提取出来然后求和
2020/04/02 Python
英国在线购买轮胎、预订汽车、汽车维修和装配网站:Protyre
2020/04/12 全球购物
化验室技术员岗位职责
2013/12/24 职场文书
2014年小学植树节活动方案
2014/03/02 职场文书
亚运会口号
2014/06/20 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
幼儿园中秋节活动总结
2015/03/23 职场文书
观看焦裕禄观后感
2015/06/09 职场文书
2016年小学教师师德承诺书
2016/03/25 职场文书
中学生打架检讨书之500字
2019/08/06 职场文书