Gwt-Ext学习笔记之中级篇

《Gwt-Ext学习笔记之中级篇》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Gwt-Ext学习笔记之中级篇 一、配置Gwt-Ext开发环境a.      请参照Gwt-Ext学习笔记之基础篇b.     此教程是在基础篇和进级篇的基础上做的扩展，具体细节请参照前面教程。二、在gwtext项目上创建客户端模型文件a.      创建模型文件InfoList.java,内容如下 Java代码1.public class InfoList implements EntryPoint {  2.  3.    public void onModuleLoad() {  4.  5.        ExtElement main = Ext.g

2、et("main");  6.  7.        Panel mainPanel = new Panel() {  8.            {  9.                setTitle("测试");  10.                setHeight(300);  11.                setWidth(500);  12.                setFrame(true);  13.                setHtml("

如果看到这些信息，说明你的环境已经配置成功了！

3、4.                setStyle("margin: 10px 0px 0px 10px;");  15.            }  16.        };  17.  18.        if (main != null) {  19.            mainPanel.setApplyTo(main.getDOM());  20.            mainPanel.render("");  21.        } else {  22.            RootPanel.get().add(mainPan

4、el);  23.        }  1.    }  2.  3.}  publicclassInfoListimplementsEntryPoint{publicvoidonModuleLoad(){ExtElementmain=Ext.get("main");PanelmainPanel=newPanel(){{setTitle("测试");setHeight(300);setWidth(500);setFrame(true);setHtml("

如果看到这些信息，说明你的环境已经配置成功了！

5、0px0px10px;");}};if(main!=null){mainPanel.setApplyTo(main.getDOM());mainPanel.render("");}else{RootPanel.get().add(mainPanel);}}} b.     修改HTML宿主页面InfoList.html文件                                                              i.     在InfoList.html文件中加入以下代码 Java代码1.

6、rces/css/ext-all.css" rel="stylesheet" type="text/css"/>  2.  3.  

7、="text/javascript"src="js/adapter/ext/ext-base.js"> c.      在InfoList.gwt.xml文件中加入以下代码Java代码1.   d.     测试环境是否配置成功,运行方式参考Gwt-Ext学习笔记之基础篇,效果如下图三、定

8、义服务a.      在gwtext项