`
langgufu
  • 浏览: 2289007 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext CardLayout,AnchorLayout,AbsoulteLayout,FormLayout,ColumnLayout,TableLayout

阅读更多

1,CardLayout可以看做一叠卡片,是实现操作向导的典型布局,使用layout:'card'。

 

2,AnchorLayout和AbsoulteLayout实现控制大小和位置的布局。

     其中AnchorLayout可以控制组件大小,实现其随着父组件动态调整大小,但该布局的组件是从上到下竖排列的,无法实现位置的设置。

     AbsoulteLayout则是用来解决这个问题的,它是AnchorLayout的子类,其可以通过设置X,Y来固定组件位置,该布局可以设置组件的绝对位置。

通常使用AbsoulteLayout来确定位置,内部组件配合使用AnchorLayout布局来控制组件大小(如:anchor:'50% -100')。

 

3,FormLayout同样是anchorlayout的子类,formpanle默认该布局,其内部组件可以使用anchor:'-100 60%'来控制大小,内部组件相当于使用anchorlayout布局。

 

4,分列式布局ColumnLayout,每一列的宽度设置通过ColumnWidth,其值是小数(动态),当设置的是width时,该列宽度固定,不会发生任何动态变化。多列可以动态和固定大小结合的方式使用。

 

5,表格状布局TableLayout,该布局很灵活,能像HTML中的表格那样进行设置。

 

 

 

 

 

 

0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics