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

Jquery 如何将GWTQuery添加到现有的Vaadin项目中?,jquery,gwt,vaadin,gwtquery,Jquery,Gwt,Vaadin,Gwtquery,我不熟悉Vaadin和GWT,但我是一名高级javascript程序员。现在我正在处理一个Vaadin现有的项目,希望在我的项目中使用jQuery的巨大潜力。。。如何将GWTQuery添加到现有的Vaadin项目中?与任何其他GWT项目相同: 将GWTQuery JAR放在项目路径上的文件夹下(不必在WEB-INF/lib下找到它,因为在运行时不需要它) 将其包含在项目的构建路径中(例如,在eclipse中,右键单击JAR文件并选择构建路径>添加到构建路径) 在模块xml中添加相应的条目:

我不熟悉Vaadin和GWT,但我是一名高级javascript程序员。现在我正在处理一个Vaadin现有的项目,希望在我的项目中使用jQuery的巨大潜力。。。如何将GWTQuery添加到现有的Vaadin项目中?

与任何其他GWT项目相同:

  • 将GWTQuery JAR放在项目路径上的文件夹下(不必在
    WEB-INF/lib
    下找到它,因为在运行时不需要它)
  • 将其包含在项目的构建路径中(例如,在eclipse中,右键单击JAR文件并选择构建路径>添加到构建路径
  • 在模块xml中添加相应的条目:

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

    进一步阅读:

    在Google开发者的GWT文档上。

    1.-如果您使用的是maven,请将这些行添加到您的
    pom.xml

    <dependency>
     <groupId>com.googlecode.gwtquery</groupId>
     <artifactId>gwtquery</artifactId>
     <version>1.2.0</version>
     <scope>provided</scope>
    </dependency>
    
    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有很多插件。

    哦,是的!!我也用maven。因此,不可能像这样使用jquery插件:例如,您需要在jsni代码中包装然后导入jquery js文件。它不会使用gquery并获得gwt优化的好处。@麻烦:gquery不能与gquery一起使用jquery插件,gquery是java中jquery api的完整实现,因此这些方法在js中不可用。我正在研究gquery和gwt exporter,以导出这些方法和许多其他黑客来支持jquery插件,请看一下@sachinshekhar:请注意,如果不仔细检查代码,就无法复制和粘贴js片段。i、 e:您必须用$wnd、$doc重新定义窗口、文档。不管怎样,为了导入一个jQuery插件,你必须导入jQuery,并且如果你使用新的GWT闭包优化,它就不能被嵌入到JSNI中。@麻烦:GWT中的CyTable和DATAGRID()是非常方便的,你应该把它们看作是数据的替代品。NET:不要忘记<代码>继承< /COD>语句。
    $("css_selector").css("width", "100%");
    $("css_selector", my_widget).hide();