使用Ext Accordion 布局时默认展开第一个元素,当不需要展开第一项时需要给items中的每项指定collapsed:true
代码如下:
var accordion = new Ext.Panel({
renderTo : Ext.getBody(),
title: 'Accordion Layout',
layout:'accordion',
width:200,
defaults: {
// applied to each contained panel
bodyStyle: 'padding:15px'
},
layoutConfig: {
// layout-specific configs go here
titleCollapse: true,
collapseFirst : false,
animate: true,
hideCollapseTool : false,
activeOnTop: false
},
items: [{
title: 'Panel 1',
id : 'id1',
collapsed:true,
html: '<p>Panel content!</p>'
},{
title: 'Panel 2',
collapsed:true,
id : 'id2',
html: '<p>Panel content!</p>'
},{
title: 'Panel 3',
collapsed:true,
id : 'id3',
html: '<p>Panel content!</p>'
}]
});
分享到:
相关推荐
jquery Accordion 收缩展开的多级导航 jquery Accordion 收缩展开的多级导航
Silverlight中Accordion组件动态生成,Silverlight4的版本
Flex Accordion 仿佛不能同时全部关闭, 或者展开, 于是自己写了个组件, 模拟实现下, 不多说了, 感兴趣的看看吧, 希望用到的可以参考, 不明白的留言, 呵呵!
ExtJS 4 复杂 百叶窗(accordion)布局
jQuery accordion menu垂直展开收起的导航菜单,同样是扁平化的Bootstrap的风格,这款菜单同样带有动画展开效果,点击右侧的竖向节点线就可展开菜单项,修改菜单为中文内容即可。本菜单可作成问答式客服网页,标题...
ExtJS4+Accordion+SERVLET/STRUTS2+JSON+Ext.tree.Panel实例
accordion
一个由jquery实现的Accordion图文菜单-展开收缩的图片导航,其实也可看作是图片特效,鼠标放在上面,就会展开和合拢,完整的菜单名称:liteAccordion - a horizontal accordion plugin for jQuery。
accordion Menu,鼠标单击时会向下展开菜单列表,显示出子内容,再次点击会收起菜单,这个菜单中调用了一些特殊字体实现展开合拢的导航效果,字体可能比较大,其实也可以用通用的字符来实现,不需要调用这些CSS3字体...
比jQueryUI的accordion更简单直观,功能没有那么多,但非常轻便,可更好的自定义css。只需要执行创建函数。另外提供一个基于程序的控制展开第几项的函数。
jquery Accordion 收缩展开的多级导航,这是一种比较常见的形式了,点击一级菜单,二级菜单随即展开,目前仅支持两级,更多级需要自己扩展,这需要你认真阅读代码以及了解jQuery类库,本菜单从老外网站获得,欢迎...
Accordion 布局由类Ext.layout.Accordion 定义,名称为accordion,表示可折叠的布局,也就 是说使用该布局的容器组件中的子元素是可折叠的形式。
accordion0.96.zip
使用struts2+spring2+hibernate+extjs2制作的动态accordion加动态树
accordion-swipe-layout, accordion 针对Android的布局 Android accordion Swipe布局通过iOS邮件应用激发 轻松的accordion 触摸屏布局。 非常容易使用步骤 1 Gradle添加到 root 项目 gradleallprojects {
jquery.accordion源码
jquery accordion 菜单折叠效果,超炫的结果
奇怪的是AccordinExtender居然不支持DataTable的绑定,我简单地查看了代码之后,发现它的数据绑定似乎只支持实现了IEnumerable接口的对象。不过这不要紧,还好DataRowCollection是实现了IEnumerable接口的,我们可以...
EasyUI accordion导航自动生成JS
jquery accordion 的示例练习!网上的是div 来展示折叠效果。可以将源码改成div,也可以实现折叠效果。