gwt-ext学习笔记之基础篇

《gwt-ext学习笔记之基础篇》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Gwt-Ext学习笔记之基础篇一、安装CypalStudio工具a.      下载CypalStudiohttp://code.google.com/p/cypal-studio/，解压后Copy到Eclipse目录下。b.     配置GWTHome目录，打开Eclipse的Window—Preferences—CypalStudio选择Gwt的目录。 二、建立一个名为gwtext的GWT项目a.      新建一个动态web项目，File—New—Other—Web—DynamicWebProject，在Configuratio

2、ns中选择CypalStudioGWTProject，其他的默认即可。三、创建Module模型a.      gwtext项目上点击右键New—Other—CypalStudio—Module，输入包名org.gwtext.julycn,类名Register。b.     在org.gwtext.julycn包下面生产client包、server包、public目录和Register.gwt.xml、Register.html；c.      在Register.java的onModuleLoad()方法中加入Window.alert

3、("ThisismyfirstGwtDemo!"); Java代码1./** 2. * @author 七月天 3. * 4. */  5.  6.public class Register implements EntryPoint {  7.    public void onModuleLoad() {  8.            Window.alert("This is my first Gwt Demo!");  9.        }  10.}  /***@author七月天**/publicclassRegiste

4、rimplementsEntryPoint{publicvoidonModuleLoad(){Window.alert("ThisismyfirstGwtDemo!");}} d.     选择Run—OpenRunDialog—GwtHostedModeApplication,选择New,新建一个运行实例gwtext,在Project中选择gwtext，Module会自动选择所要运行的模型类。e.     点击运行，会弹出GoogleWebToolkit运行窗口。四、配置GWT-Ext环境a.      下载gwt-ext和ext资

5、源b.     加入gwtext的gwtext.jar和ext资源                                                              i.     把gwtext-2.0.3目录下的gwtext.jar加入到项目中。                                                            ii.     在项目的public目录中新建js文件夹，然后把ext-2.1目录下的adapter目录、resources目录和ext-all.j

6、s、ext-core.js导入到js文件夹下。c.      修改HTML宿主页面Register.html和模块配置文件Register.gwt.xml                                                              i.     在Register.html文件中加入 Java代码1.  2.  3.

7、="text/javascript" src="js/adapter/ext/ext-base.js">  4.  5.  

8、ript>