折叠布局（AccordionLayout）

最新推荐文章于 2021-05-26 03:53:25 发布

yue2008

最新推荐文章于 2021-05-26 03:53:25 发布

阅读量405

点赞数

分类专栏： ExtJS_3.0 文章标签： EXT HTML

本文链接：https://blog.csdn.net/yue2008/article/details/83630383

版权

ExtJS_3.0 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

Ext.layout.Accordion扩展自Ext.layout.FitLayout布局，其xtype值为accordion。

主要配置项：
      activeOnTop：是否保持展开的子面板处于父面板的顶端，默认为false。
      animate：是否在展开或收缩子面板时使用滑动方式，默认为false。
      fill：设置子面板是否自动调整高度充满父面板的剩余空间，默认为true。
      titleCollapse：设置是否允许通过单击子面板的标题来展开或收缩面板，默认为true。
      hideCollapseTool：是否隐藏子面板的“展开收缩”按钮，默认为false。

new Ext.Panel({
	renderTo: "div2",
	frame: true,
	layout: "accordion",
	layoutConfig: {
		animate: true
	},
	title: "折叠布局（AccordionLayout）",
	height: 300,
	defaults: {
		bodyStyle: "padding:3px; background-color: #FFFFFF"
	},
	items: [
		{title:"嵌套面板一", html:"嵌套面板一"},
		{title:"嵌套面板二", html:"嵌套面板二"},
		{title:"嵌套面板三", html:"嵌套面板三"}
	]
});