Ext.Net 布局

Posted 2020-06-21 人海灬

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的功能，但是一定要注意的是一个页面只有一个