EXT-GWT编程小试--UI

 这是我拿EXT-GWT写的界面
现在要解决的问题是还不能给数种加事件监听，Demo代码上写的又比较模糊
暂时先这样以后再改，这次只是给加入了数据

（效果图）

代码如下

Class：MyGWT

1. package com.mygwt.client;
3. import com.extjs.gxt.ui.client.Style.LayoutRegion;
4. import com.extjs.gxt.ui.client.store.ListStore;
5. import com.extjs.gxt.ui.client.widget.ContentPanel;
6. import com.extjs.gxt.ui.client.widget.Viewport;
7. import com.extjs.gxt.ui.client.widget.button.ToolButton;
8. import com.extjs.gxt.ui.client.widget.grid.ColumnModel;
9. import com.extjs.gxt.ui.client.widget.grid.Grid;
10. import com.extjs.gxt.ui.client.widget.layout.AccordionLayout;
11. import com.extjs.gxt.ui.client.widget.layout.BorderLayout;
12. import com.extjs.gxt.ui.client.widget.layout.BorderLayoutData;
13. import com.extjs.gxt.ui.client.widget.layout.FitLayout;
14. import com.extjs.gxt.ui.client.widget.tree.Tree;
15. import com.extjs.gxt.ui.client.widget.tree.TreeItem;
16. import com.google.gwt.core.client.EntryPoint;
17. import com.google.gwt.user.client.ui.RootPanel;
19. /**
20.  * Entry point classes define <code>onModuleLoad()</code>.
21.  */
22. public class MyGWT implements EntryPoint {
24.     public void onModuleLoad() {
25.         Viewport vp=new Viewport();
26.         vp.setLayout(new BorderLayout());
27.         BorderLayoutData westData=new BorderLayoutData(LayoutRegion.WEST);
28.         westData.setCollapsible(true);
29.         westData.setSplit(true);
30.         vp.add(this.getWestPanel(), westData);
31.         vp.add(this.getCenterPanel(), new BorderLayoutData(LayoutRegion.CENTER));
32.         RootPanel.get().add(vp);
33.     }
34.     private ListStore<Stock> store;
35.     private ColumnModel cm; 
36.     private ContentPanel getWestPanel(){
37.         ContentPanel panel=new ContentPanel();
38.         panel.setLayout(new AccordionLayout());
39.         
40.         ContentPanel cp=new ContentPanel(new FitLayout());
41.         cp.setHeading("个人信箱");
42.         cp.getHeader().addTool(new ToolButton("x-tool-refresh "));
43.         Tree tree=new Tree();
44.         TreeItem root=tree.getRootItem();
45.         TreeItem tiInbox=new TreeItem("收邮件");
46.         TreeItem tiWritMail=new TreeItem("写邮件");
47.         root.add(tiInbox);
48.         root.add(tiWritMail);
49.         
50.         tiInbox.add(new TreeItem("收件箱"));
51.         tiInbox.add(new TreeItem("草稿箱"));
52.         tiInbox.add(new TreeItem("已发邮件"));
53.         tiInbox.add(new TreeItem("已删邮件"));
54.         
55.         tiWritMail.add(new TreeItem("撰写新邮件"));      
56.         
57.         cp.add(tree);
58.         panel.add(cp);
59.         
60.         cp=new ContentPanel(new FitLayout());
61.         cp.setHeading("系统管理");
62.         tree=new Tree();
63.         root=tree.getRootItem();
64.         TreeItem tiQx=new TreeItem("权限管理");
65.         TreeItem tiUserAdmin=new TreeItem("用户管理");
66.         TreeItem tiDocument=new TreeItem("档案管理");
67.         TreeItem tiReportLog=new TreeItem("报表统计与日志");
68.         root.add(tiQx);     
69.         root.add(tiUserAdmin);
70.         root.add(tiDocument);
71.         root.add(tiReportLog);
72.         
73.         //权限管理
74.         tiQx.add(new TreeItem("权限设定"));
75.         tiQx.add(new TreeItem("权限集创建"));
76.         
77.         //用户管理
78.         TreeItem tiUser=new TreeItem("用户管理");
79.         TreeItem tiJs=new TreeItem("角色管理");
80.         TreeItem tiUserGroup=new TreeItem("用户组管理");
81.         
82.         tiUserAdmin.add(tiUser);
83.         tiUserAdmin.add(tiJs);
84.         tiUserAdmin.add(tiUserGroup);
85.         
86.         tiUser.add(new TreeItem("用户的创建"));
87.         tiUser.add(new TreeItem("用户信息维护"));
88.         
89.         tiJs.add(new TreeItem("角色的创建"));
90.         tiJs.add(new TreeItem("角色信息维护"));
91.         
92.         tiUserGroup.add(new TreeItem("用户组的创建"));
93.         tiUserGroup.add(new TreeItem("用户组信息维护"));
94.         
95.         
96.         //档案管理
97.         tiDocument.add(new TreeItem("结构的创建"));
98.         tiDocument.add(new TreeItem("档案的对应管理"));
99.         tiDocument.add(new TreeItem("档案管理"));
100.         tiDocument.add(new TreeItem("档案信息查询"));
101.         tiDocument.add(new TreeItem("档案数据信息录入"));
102.         tiDocument.add(new TreeItem("档案扫描"));
103.                 
104.         //报表统计与日志
105.         tiReportLog.add(new TreeItem("日志管理"));
106.         TreeItem tiReport=new TreeItem("报表管理");
107.         tiReportLog.add(tiReport);
108.         tiReport.add(new TreeItem("报表创建"));
109.         tiReport.add(new TreeItem("报表统计"));
110.         
111.         cp.add(tree);
112.         panel.add(cp);
113.         return panel;
114.     }
115.     private ContentPanel getCenterPanel(){
116.         ContentPanel panel=new ContentPanel();
117.         panel.setLayout(new FitLayout());
118.         
119.         store=new ListStore<Stock>();
120.         store.add(TestData.getStocks());
121.         
122.         
123.         cm=TestData.getStocksColumnModel();
124.         
125.         Grid<Stock> grid=new Grid<Stock>(store,cm);
126.         
127.         panel.add(grid);
128.         return panel;
129.     }
130. }

Class：Stock

1. package com.mygwt.client;
3. import com.extjs.gxt.ui.client.data.BaseModel;
5. public class Stock extends BaseModel {
6.     /**
7.      * 
8.      */
9.     private static final long serialVersionUID = 1L;
11.     public Stock() {
12.         
13.     }
14.     
15.     public Stock(String id,String name,String phone){
16.         set("id",id);
17.         set("name",name);
18.         set("phone",phone);
19.     }
20.     
21.     public String getId(){
22.         return (String)get("id");
23.     }
24.     
25.     public String getName(){
26.         return (String)get("name");
27.     }
28.     
29.     public String getPhone(){
30.         return (String)get("phone");
31.     }
32. }

Class：TestData

 

1. package com.mygwt.client;
3. import java.util.ArrayList;
4. import java.util.List;
6. import com.extjs.gxt.ui.client.widget.grid.ColumnConfig;
7. import com.extjs.gxt.ui.client.widget.grid.ColumnModel;
9. public class TestData {
10.     public static List<Stock> getStocks() {
11.         List<Stock> stocks = new ArrayList<Stock>();
12.         stocks.add(new Stock("1", "陈硕", "68654544"));
13.         stocks.add(new Stock("2", "李光伟", "68952147"));
14.         stocks.add(new Stock("3", "任訸", "86524456"));
15.         stocks.add(new Stock("4", "史文龙", "86590154"));
16.         return stocks;
17.     }
19.     public static ColumnModel getStocksColumnModel() {
20.         List<ColumnConfig> configs = new ArrayList<ColumnConfig>();
21.         ColumnConfig column = new ColumnConfig();
22.         column.setId("id");
23.         column.setHeader("编号");
24.         column.setWidth(75);
25.         configs.add(column);
26.         
27.         column = new ColumnConfig();
28.         column.setId("name");
29.         column.setHeader("名字");
30.         column.setWidth(200);
31.         configs.add(column);
32.         
33.         
34.         column = new ColumnConfig();
35.         column.setId("phone");
36.         column.setHeader("电话");
37.         column.setWidth(200);
38.         configs.add(column);
39.         
40.         ColumnModel cm=new ColumnModel(configs);
41.         
42.         return cm;
43.     }
44. }