在GWT中使用GWTquery



谁能告诉我如何使用GWTquery与GWT?GWTquery教程页面主要介绍如何使用jQuery,并没有解释如何嵌入它。例如,如果我想将它与GWT附带的默认Stockwatcher应用程序一起使用,并像GWTquery教程所说的那样在java文件中使用jQuery,那么在哪里安装jar文件,以及如何导入它?

GWTquery不使用jQuery,它是在GWT中实现的jQuery-like API,它不需要GWT库或html主机页面中的jQuery .js文件,您可以轻松地添加其jar文件,如其他GWT库:

Maven设置

如果您想在现有的maven项目上添加GQuery,或者您不想使用maven原型,您只需在pom.xml文件中添加以下几行:

 <dependencies>
   <dependency>
     <groupId>com.googlecode.gwtquery</groupId>
     <artifactId>gwtquery</artifactId>
     <version>1.1.0</version>
     <!-- If you are using old versions of gwt, uncomment the appropriate line -->
     <!-- <classifier>2.1.0</classifier> -->
     <!-- <classifier>2.0.1</classifier> -->
     <scope>provided</scope>
   </dependency>
 </dependencies>

如果您不想使用maven,或者它是一个已经创建的项目,您可能对手动设置项目感兴趣。首先,您需要下载与GWT版本相关的最新稳定版本的gwtquery库,并将其放在类路径中。如果您是一个有经验的GWT用户,您可能已经知道如何做到这一点,但是如果您是一个初学者,这里有一个快速的复习。

首先,运行

创建一个新项目
$GWT_HOME/webAppCreator gwtquery.sample.Sample

,它将创建一系列包含示例项目的文件。找到build.xml文件并编辑id="project.class "的部分。路径"添加

<pathelement location="PATH_TO_DOWNLOADED_gwtquery-1.0-SNAPSHOT.jar"/>

如果您正在使用Eclipse,您可能还想编辑.classpath文件并添加以下内容:

<classpathentry kind="lib" path="PATH_TO_DOWNLOADED_gwtquery-1.0-SNAPSHOT.jar"/>

接下来,编辑src/gwtquery/sample/sample . GWT .xml文件或项目的现有模块文件,并添加以下行以将GQuery导入GWT模块:

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

最后,在模块入口点类(例如src/gwtquery/sample/client/sample .java)中添加以下import语句,使GQuery易于使用:

import com.google.gwt.query.client.GQuery;
import com.google.gwt.query.client.Function;
import com.google.gwt.query.client.Selector;
import com.google.gwt.query.client.Selectors;
import static com.google.gwt.query.client.GQuery.*;
import static com.google.gwt.query.client.css.CSS.*;

更多信息。

您可以在GWT查询站点- http://code.google.com/p/gwtquery/wiki/GettingStarted找到完整的分步指南

你也可以在网上找到足够的例子,除了gwtquery-sample。

最新更新