Gwt-Ext学习笔记之中级篇

最新推荐文章于 2020-05-29 20:55:52 发布

fengkuanghun

最新推荐文章于 2020-05-29 20:55:52 发布

阅读量1.1k

点赞数

分类专栏： ExtJS 2.0 文章标签： postgresql string stylesheet java email jdbc

本文链接：https://blog.csdn.net/fengkuanghun/article/details/3551151

版权

本文是Gwt-Ext学习笔记的中级篇，讲解如何在gwtext项目上创建客户端模型文件，包括InfoList.java的编写，并在HTML宿主页面和Gwt.gwt.xml中进行配置。接着介绍如何定义并实现远程服务，连接PostgreSQL数据库，执行查询操作。最后，展示了客户端调用远程服务获取数据并在GridPanel中显示的步骤。

摘要由CSDN通过智能技术生成

一、配置 Gwt- Ext 开发环境

a. 请参照 Gwt-Ext学习笔记之基础篇

b. 此教程是在基础篇和进级篇的基础上做的扩展，具体细节请参照前面教程。

二、在 gwtext项目上创建客户端模型文件

a. 创建模型文件 InfoList.java,内容如下

Java代码

public class InfoList implements EntryPoint {
public void onModuleLoad() {
ExtElement main = Ext.get("main");
Panel mainPanel = new Panel() {
{
setTitle("测试");
setHeight(300);
setWidth(500);
setFrame(true);
setHtml("<p>如果看到这些信息，说明你的环境已经配置成功了！</p>");
setStyle("margin: 10px 0px 0px 10px;");
}
};
if (main != null) {
mainPanel.setApplyTo(main.getDOM());
mainPanel.render("");
} else {
RootPanel.get().add(mainPanel);
}
}
}

public class InfoList implements EntryPoint {

	public void onModuleLoad() {

		ExtElement main = Ext.get("main");

		Panel mainPanel = new Panel() {
			{
				setTitle("测试");
				setHeight(300);
				setWidth(500);
				setFrame(true);
				setHtml("<p>如果看到这些信息，说明你的环境已经配置成功了！</p>");
				setStyle("margin: 10px 0px 0px 10px;");
			}
		};

		if (main != null) {
			mainPanel.setApplyTo(main.getDOM());
			mainPanel.render("");
		} else {
			RootPanel.get().add(mainPanel);
		}
	}

}

b. 修改 HTML宿主页面 InfoList.html文件

i. 在 InfoList.html文件中加入以下代码

Java代码