ExtJS 2.0实用简明教程布局概述

js的布局基类是Ext.layout.ContainerLayout，所有其他布局都继承这个类。js的容器组件包含布局和layoutConfig配置属性，用于指定容器使用的布局和布局的详细配置信息。如果未指定容器组件的布局，默认情况下将使用容器布局。布局只是将元素放入容器中，一些布局需要layoutConfig配置，而另一些则不需要。看代码：复制的代码如下： ext . onready(function(){ new ext . panel({ render to : ' hello '，width :400，height :200，layout :' column '，Items :[{列宽：5，标题：' panel 1'}，{列宽：5，标题3: ' panel 2 ' } }))});在上面的代码中，我们创建了一个panel，panel是一个容器组件，我们使用布局来指定Panel使用Column布局。面板的子元素是两个面板，两个面板都包含一个与列布局相关的配置参数属性columnWidth，它们的值都是0.5，也就是每个面板占据一半的宽度。执行上述程序生成如下图所示的结果：。

Ext中的一些容器组件已经指定了使用的布局，比如使用卡片布局的TabPanel、使用表单布局的formPanel、使用列布局的GridPanel等。当使用这些组件时，我们不能为这些容器组件指定另一种布局。js 2.0中有十种布局，其中常用的布局有边框、列、贴合、表单、卡片、tabel等。下面，我们分别简单介绍一下这些布局。