如何将GWTQuery添加到现有的Vaadin项目中？

Question

我是Vaadin和GWT的新手，但我是一名高级JavaScript程序员。现在我正在开发一个Vaadin现有项目，并希望将jQuery的巨大可能性用于我的项目...如何将GWTQuery添加到现有的Vaadin项目中？

Answer 1

与任何其他GWT项目相同：

1. 将GWTQuery JAR放在项目路径上的文件夹下（没有必要在WEB-INF/lib下找到它，因为在运行时不需要它。）
2. 将其包含在项目的构建路径中（例如，在eclipse中 - 右键单击​​JAR文件并选择 构建路径＆gt;添加到构建路径 ）。

3. 在模块xml：

   中添加相应的条目

   <inherits name="com.google.gwt.query.Query" />
   

确保在生产模式下运行之前运行GWT编译器。

进一步阅读：
Google开发者的GWT文档中的 Organizing Projects 。

Answer 2

1.-如果您正在使用maven，请将这些行添加到pom.xml：

<dependency>
 <groupId>com.googlecode.gwtquery</groupId>
 <artifactId>gwtquery</artifactId>
 <version>1.2.0</version>
 <scope>provided</scope>
</dependency>

否则从项目站点下载gwtquery-1.2.0.jar并将其包含在类路径中

2.-将此行添加到your_application.gwt.xml文件：

<inherits name='com.google.gwt.query.Query'/>

3.-从GQuery类

导入静态方法

import static com.google.gwt.query.client.GQuery.*;

4.-用它来增强你的dom或小工具

$("css_selector").css("width", "100%");
$("css_selector", my_widget).hide();

5.-请注意，您不能使用jquery插件，但可以使用jquery的核心API（有一些差异）。虽然有很多gquery插件。