[ExtJS4] 布局

1介绍布局，简单来说就是设置元素的大小和位置。Ext 的布局系统包括组件，布局，容器，容器是一种特殊的组件，可以管理组件的大小和位置。容器是通过 doLayout 来重新计算布局，并更新 DOM.2手工布局是不必要的，框架会为你自动处理。当然为了性能，可以进行手工布局。ct.suspendLayout = true;ct.add(...);ct.suspendLayout = false;ct.doLayout();3布局类型：组件布局docktip容器布局autocardfithboxvboxanchortableabsolutecolumn3 Ext大部分容器默认使用auto布局，默认不使用auto布局的容器：FieldSetanchorButtonGrouptableFormPanel | RowEditoranchorTabPanelcardToolbar | Paginghbox4各种布局的使用与配置：auto子组件属性：widthheightcolumn：如果每个子组件的宽度小10，列布局失效。缩放有问题。 子组件属性：columnWidth 百分比table :容器属性：columns　列数子组件属性：colspanrowspan border :容器属性：layout.align子组件属性：region　west l｜east r ｜center ｜south b｜north twidthheighthbox ｜vbox可指定溢出处理，伸缩效果好。容器属性：layout.align子组件属性：flexaccordion伸缩checkboxgroup通常适合单选，多选组件容器属性：　vertical　columnsfit伸缩效果好但只能有一个子组件.card卡片布局anchor 伸缩效果好子组件属性：anchor : "100% 50%"　百分比anchor : "-20, -20"  偏移(相对右下边)absolute子组件属性：xy