vaadin 7 使用gwt 发布js和css

    vaadin 7 提供了注解的方式 发布 js 和css  如下,但是这种方式 需要打开这个控件所在的页面 才会把对应js 和css发布出来

@JavaScript({"ext-all.js","app.js"})
@StyleSheet({"ext-all.css"})
public class ExtjsJavaScriptComponet extends AbstractJavaScriptComponent{
	private static final long serialVersionUID = 1L;
	public ExtjsJavaScriptComponet() {
	}
}
   

  还可以使用 gwt 提供的方式 在gwt.xml 中定义 css 文件

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 1.7.0//EN" "http://google-web-toolkit.googlecode.com/svn/tags/1.7.0/distro-source/core/src/gwt-module.dtd">
<module>
	<inherits name="com.vaadin.DefaultWidgetSet" />
	
	<stylesheet src="css/advanced.css" />
	<stylesheet src="css/gnt.taskarea.css" />
	<stylesheet src="css/sch-gantt-triton-all.css" />
	<stylesheet src="css/tasks.css" />
	<stylesheet src="css/theme-triton-all_1.css" />
	<stylesheet src="css/theme-triton-all_2.css" />
	<stylesheet src="css/theme.css" />
</module>


   还可以在这里面定义 gwt entypoint class 也就是入口类 来注入js

	<entry-point class="com.lee.WidgetSetEntryPoint" />
<pre name="code" class="java"><pre name="code" class="java">public class WidgetSetEntryPoint implements EntryPoint {
	public void onModuleLoad() {
		ScriptInjector.fromUrl("./VAADIN/js/ext-all.js").setWindow(ScriptInjector.TOP_WINDOW);
		
		
		ScriptInjector.fromUrl("./VAADIN/js/jquery.js").setWindow(ScriptInjector.TOP_WINDOW);

}
}


 
 
 我这样做的话 我的每个页面都可以 直接使用 jq 操作 dom节点。 
 




猜你喜欢

转载自blog.csdn.net/lrylrq1991/article/details/50852851
GWT