accordion布局:accordion布局也称手风琴布局,在accordion布局下,在任何时间里,只有一个面板处于激活状态。其中每个面边都支持展开和折叠。
注意:只有Ext.Panels 和所有Ext.panel.Panel 子项,才可以使用accordion布局。
示例代码:
Ext.create('Ext.panel.Panel', { title: 'Accordion Layout', width: 300, height: 300, x:20, y:20, layout:'accordion', defaults: { bodyStyle: 'padding:15px' }, layoutConfig: { titleCollapse: false, animate: true, activeOnTop: true }, items: [{ title: 'Panel 1', html: 'Panel content!' },{ title: 'Panel 2', html: 'Panel content!' },{ title: 'Panel 3', html: 'Panel content!' }], renderTo: Ext.getBody() });
其中activeOnTop可以控制是否在最上边展开
相关推荐
panel的accordion布局以及treepanel动态导航示例
ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...
ExtJS 4 复杂 百叶窗(accordion)布局
折叠布局Ext.layout.AnchorLayout 边框布局Ext.layout.BorderLayout 卡片式布局Ext.layout.CardLayout 列布局Ext.layout.ColumnLayout 填充布局xt.layout.FitLayout 表单布局Ext.layout.FormLayout 表格布局Ext....
ExtJs4 layout 布局 这是鄙人之前自学Ext时收集的文档,详细讲诉了各种布局,并附源码与界面展示,希望能给你带来帮助
全面解析ExtJS4以及使用经验总结,包括新特性。
使用struts2+spring2+hibernate+extjs2制作的动态accordion加动态树
NULL 博文链接:https://lixue150.iteye.com/blog/1133035
ExtJS4+Accordion+SERVLET/STRUTS2+JSON+Ext.tree.Panel实例
Extjs4详解,详细介绍Extjs4开发技术,自是不必多说!
Extjs核心api详解
用extjs4搭的一个简单布局框架
EXTJS4自学手册——EXT容器布局(Vbox,Accordion,Table,Column) EXTJS4自学手册——EXT容器布局(Fit,Card,Border) EXTJS4自学手册——EXT组件布局 四、Extjs页面控件 EXTJS4自学手册——页面控件(表格) EXTJS4...
ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解)
Extjs4可用的学习资料少之又少,本文内容大部分为网络整理、 方便学习者使用,如有出入以extjs4api文档为准。 1、1Extjs初步 2、Extjs4布局详解 3、Extjs4文档阅读 4、示例 5、员工管理系统
用ExtJS4.1布局后台系统,这个是自写的js,extjs4.1的源码包,需要到extjs.org.cn下载。
纯Extjs代码,对初学Ext有点点帮助
ExtJs的LayOut详解.ExtJs界面绚丽,希望大家可以好好学习。
ExtJS布局之border实例,有代码 border布局是常见的布局样式,下面是一个实际项目的示例,比较简单,仅供初学者参考。
很好的ext页面布局自动生成功能,快速布局,减少你页面开发时间!用法:解压->添加文件夹到一个web工程当中->进入index.html进入页面编辑就可以自由设计你的布局了,代码在查看/修改中可以看到,只需复制粘贴到自己...