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>
<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节点。