自适应布局（FitLayout）

最新推荐文章于 2017-06-28 21:06:00 发布

yue2008

最新推荐文章于 2017-06-28 21:06:00 发布

阅读量724

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/yue2008/article/details/83630382

ExtJS_3.0 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了Ext布局中的FitLayout，这是一种使面板子元素自动充满容器的基础布局。当容器中有多个子面板时，仅显示第一个子面板。通过具体示例展示了如何在Ext.Panel中应用FitLayout。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ext.layout.FitLayout是布局的基础类，其xtype值为fit。使用fit布局将使面板子元素自动充满容器，如果在当前容器中存在多个子面板则只有第一个会被显示。

new Ext.Panel({
	renderTo: "div1",
	frame: true,
	layout: "fit",
	width: 400,
	height: 200,
	title: "自适应布局（FitLayout）",
	defaults: {
		bodyStyle: "padding:5px; background-color: #FFFFFF"
	},
	items: [
		{title:"嵌套面板一", html:"Ext.layout.FitLayout是布局的基础类，其名称为fit。使用fit布局将使面板子元素自动充满容器，如果在当前容器中存在多个子面板则只有第一个会被显示。"},
		{title:"嵌套面板二", html:"面板二"}
	]
});