Ext Accordion 不展开

使用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>'
		}]
	});

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值