Ext.Net 布局

Panel布局类有10种:容器布局,自适应布局,折叠布局,卡片式布局,锚点布局,绝对位置布局,表单布局,列布局,表格布局,边框布局
      1,Ext.layout.ContainerLayout 容器布局

提供容器作为布局的基础逻辑,通常会被扩展而不通过new 关键字直接创建,一般作为默认布局存在

2,Ext.layout.FitLayout 自适应布局

使用layout:'fit' 将使面板子元素自动充满容器,如果有多个子面板也只会第一个会被显示

3,Ext.layout.AccordionLayout 折叠布局  (很常有哦!!!)

扩展自适应布局,layout:'accordion' 它包含了多个子面板,任何时候都只有一个子面板处于打开状态,每个面板都有展开和收缩的功能

4 ,Ext.layout.CardLayout 卡片式布局  (也很有用的哦!!)

扩展自适应布局,layout:'card' 它包含了多个子面板,只有一个面板处于显示状态,它用来制作向导或标签页,使用setActiveItem来激火面板

5,Ext.layout.AnchorLayout 锚点布局

根据容器的大小为其所包含的子面板进行定位的布局 layout:'anchor'  分为:百分比,偏移,参考边 三种方式的定位

6,Ext.layout.AbsoluteLayout 绝对位置布局

根据面板中配置 x/y 坐标进行定位,layout:'absolute' 坐标值支持使用固定值和百分比两种形式

7,Ext.layout.FormLayout  表单布局

用来管理表单字段的显示,内制了表单布局,提供了表单提交,读取等表单功能,layout:'form'

8, Ext.layout.ColumnLayout 列布局

多列风格的布局格式,每一列的宽度都可以通过百分比和数值确定宽度,layout:'column'

9, Ext.layout.TableLayout 表格布局

可以指定列数,跨行,跨列,可以创建出复杂的表格布局 layout:'table'

10, Ext.layout.BorderLayout 边框布局

该布局包含多个面板,是一个面向应用的UI风格的布局,它包含5个部分:east,south,west,north,center,layout:'border' 通过region来配置面板

viewport的应用:作为浏览器窗口的整个显示部分,其有着panel的功能,但是一定要注意的是一个页面只有一个

上一篇:js 为何范围内随机取整要用floor,而不是ceil或者round呢


下一篇:JS基础入门篇(三)— for循环,取余,取整。