使用gxt前，在gwt.xml中加入：

  1. <inherits name='com.sencha.gxt.ui.GXT' /> 
  2. <inherits name='com.sencha.gxt.theme.gray.Gray' /> 
  3. <set-property name="gxt.user.agent" value="chrome"/> 


 html文件加入： 


  1. <link rel="stylesheet" type="text/css" href="gxt1/reset.css" /> 


若是maven构建，在home/.m2/archetype-catalog.xml中加入： 


  1. <?xml version="1.0" encoding="UTF-8"?> 
  2. <archetype-catalog> 
  3.   <archetypes> 
  4.     <archetype> 
  5.       <groupId>org.codehaus.mojo</groupId> 
  6.       <artifactId>gwt-maven-plugin</artifactId> 
  7.       <version>2.5.0-rc2</version> 
  8.       <repository></repository> 
  9.     </archetype> 
  10.   </archetypes> 
  11. </archetype-catalog> 


 


gxt中页面的根是container，有好几个不同的container，现在只会用了BorderLayoutContainer，类似页面设计中的header，left，right，footer以及中间center元素。


在Container上面可以添加任意个ContentPanel，也可以添加其他任意的元素