GXT 2.0m1版Layout and LayoutData 介绍
GXT将Layout的设置分成两部分,一是Layout的类型,二是与之相对应的Layout的属性,也就是LayoutData。让一LayoutContainer应用一种Layout时,先设置是应用哪种类型的,之后在添加Component时,把LayoutData也添加进去。我认为这样的优点是把添加Component同设置Component的Layout分离开,从而可以灵活的为Component应用不同的Layout。
AbsoluteLayout
绝对定位的Layout,以屏幕的上边和左边为基准,定位一个Component;
主要方法:
setPosition(Component c, int left, int top)
AbsoluteData
可以设置的属性有left、top
BorderLayout
这是一个面向应用程序用户界面的Layout,它可以按照方位(南、北、东、西、中)的放置Component,还支持两个相邻区域间的Split
Bar的效果。任意一个区域都可以收缩或伸展,也可以显示或隐藏。
public class BorderLayoutExample extends LayoutContainer {
public BorderLayoutExample() {
setLayout(new BorderLayout());
ContentPanel west = new ContentPanel();
ContentPanel center = new ContentPanel();
BorderLayoutData westData = new BorderLayoutData(LayoutRegion.WEST, 200);
westData.setSplit(true);
westData.setCollapsible(true);
westData.setMargins(new Margins(5));
BorderLayoutData centerData = new BorderLayoutData(LayoutRegion.CENTER);
centerData.setMargins(new Margins(5, 0, 5, 0));
add(west, westData);
add(center, centerData);
}
}
BorderLayoutData
可以设置的属性有:
- Margin、
- MaxSize、
- MinSize、
- Region(所在区域)、显示或隐藏、收缩或伸展和SplitBar功能。
CenterLayout
将一个widget放置在Container的中间位置;
FlowLayout
最简单的布局类型,是Container默认的Layout类型。应用此类型的Layout不会影响在其中的Component的尺寸和位置。
FormLayout
该布局类型适合制作类似注册表单的那种布局,它只能呈现继承了Field类型的控件,而其它控件在呈现时会被忽略。Field类型的控件有:ComboBox、TextField、CheckBox等网页常用的控件。
FormLayoutData
可以设置的属性有:
- Label的布局、
- Label宽度、
- Label的Pad、
- Label的间隔符(默认是“:”)
- 设置Label的显示或隐藏。
HBoxLayout和VBoxLayout
HBoxLayout是将Component横向放置的布局类型,VBoxLayout是将Component纵向放置的布局类型。
HBoxLayoutData和VBoxLayoutData
可以设置的属性:可以拉伸的最小尺寸(默认是0)和最大尺寸(默认是1000000)、Flex的设置。Flex是一个在改变尺寸时,做尺寸计算用的度量值。
TableLayout
这是一种表格的形式布局类型,可以指定列数,行数会自动根据添加的Component数来计算,之后将添加的Component按照从左到右、从上到下的顺序呈现出来。
TableLayoutData
- 合并单元格的个数
- 单元格的高度和宽度
- 单元格的Margin和Padding
- 单元格的横向和纵向的布局
- 单元格的CSS样式
分享到:
相关推荐
看看吧看看吧看看吧看看吧看看吧看看吧看看吧看看吧
practically make use of GXT's drag-and-drop features to move data between them. Chapter 9, Charts, covers GXT's charting plugin. It explores the wide range of charts available, shows how to avoid the...
EXT-GWT 2.2.0 API DOC (gxt) chm 版 。 2010年10月制作。完美的搜索功能。如果打不开,请选中它,点右键 看属性,选择解除锁定。别再抱怨打不开了。
GXT 学习的好书, 帮助你尽快进入GXT.
gxt-2.2.4 EXT GWT Note : Ext GWT 2.X requires GWT 1.7+ or GWT 2.0+ (any build ending in "-gwt2.zip").
GXT Cascade ComboBox Samples
gxt初学进阶教程,教你一步一步使用gxt,容易上手,例子很详细
浪曦原创]GXT系列+第1讲+GXT_GWT的安装.
GXT技术路线实现思路、原理讲解、代码结构介绍
在Google发布GWT2.0不久,SmartGWT 2.0也发布了,功能更强大,界面效果一流,个人感觉比GXT好用多了,尤其在大量数据处理方面有很多优势!
这是GTA4里的源文件american.gxt
贡献一个GXT项目给大家,希望对大家有所帮助!
gwt 文件上传 gxt文件上传
gxt-api-2.2.1帮助文档 。
GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo ...
EXT-GWT 2.2.2 API DOC (gxt) chm 版 。 2011年3月制作。完美的搜索功能。 如果打不开,请选中它,点右键 看属性,选择解除锁定。别再抱怨打不开了。
EXT-GWT 2.2.3 API DOC (gxt) chm 版,完美的的搜索功能,支持全文检索。2011年3月制作。如果打不开,请选中它,点右键 看属性,选择解除锁定。别再抱怨打不开了。
extjs gwt gxt 学习资源 ajax技术
本资源是目前的最新版本(9/15/11) gxt的工具非常之少,在CSDN还有一个gxt-2.1.1(2/2/2010)链接就不提供了,大家根据需要选择下载。
gxt-api-2.2.5 sdk doc 即ext-gwt api doc