文章以EXT-GWT的examples为纲要,在EXT-GWT例子中提供了91种例子,
此系列不是从新建一个项目开始。学习此教程的人应该有能力通过查资料完成GWT同EXT结合并构建项目。
今天和大家讨论的是复杂表头的一种,Column Group,首先来看截图:
表头是控件的:
实现column group 主要通过两步,
第一步:声明HeaderGroupConfig
// 创建column group
HeaderGroupConfig headerGroupConfig4 = new HeaderGroupConfig("我是四列的头", 1, 4);
// 第一个参数是表头名称,第二个参数是扩展几行,第三个参数是扩展几列
HeaderGroupConfig headerGroupConfig3 = new HeaderGroupConfig("我是三列的头", 1, 3);
HeaderGroupConfig headerGroupConfig2 = new HeaderGroupConfig("我是二列的头", 1, 2);
第二步:在ColumnModel上添加HeaderGroup
// 将列添加到表头
cm.addHeaderGroup(0, 0, headerGroupConfig4);
cm.addHeaderGroup(1, 0, headerGroupConfig3);
cm.addHeaderGroup(2, 0, headerGroupConfig2);
第一个参数是开始行,第二个参数是开始列。
其实在表头添加控件也是非常简单就可以实现,例如:
ColumnConfig column = new ColumnConfig("date", 125);
Button btn = new Button("Updated");
btn.addListener(Events.OnClick, new Listener<ButtonEvent>() {
public void handleEvent(ButtonEvent be) {
// stop column from getting click and causing sort
be.cancelBubble();
}
});
// 设置组件的css属性
btn.setStyleAttribute("float", "left");
// 声明组件后set到 ColumnConfig 上就可以了
column.setWidget(btn, "Last Updated");
- 大小: 15.6 KB
- 大小: 31.4 KB
分享到:
相关推荐
NULL 博文链接:https://rylan.iteye.com/blog/761100
NULL 博文链接:https://rylan.iteye.com/blog/762491
JavaBeanSupportwithExtGWT.docx 初识ExtGWT.docx 博文链接:https://mydownload.iteye.com/blog/1333291
gxt初学进阶教程,教你一步一步使用gxt,容易上手,例子很详细
extjs gwt gxt 学习资源 ajax技术
NULL 博文链接:https://sundoctor.iteye.com/blog/360696
GXT 学习的好书, 帮助你尽快进入GXT.
GXT Cascade ComboBox Samples
目前最适合gxt初学者学习的教程
浪曦原创]GXT系列+第1讲+GXT_GWT的安装.
贡献一个GXT项目给大家,希望对大家有所帮助!
这是GTA4里的源文件american.gxt
gwt 文件上传 gxt文件上传
gxt-api-2.2.1帮助文档 。
gxt是ext使用gwt api开发的一套东东。比使用原始gwt开发是要轻松一些的。
GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo ...
gxt editor for gta sa
gxt-api-2.2.5 sdk doc 即ext-gwt api doc
GWT,GXT的JAR包以及源代码,需要的朋友可以下载。 谷歌推出的WebUI的JAVA的库。谢谢大家下载