GwtQuery - вызов функции из внешнего js-файла

Question

Мы используем GWT 2.3.0 для наших веб-приложений. Мы начали использовать gwtquery для некоторых наших функций.

Я хотел бы знать, можно ли вызвать функцию jquery в js-файле из gwtquery.

Answer 1

gwtquery aka gQuery - полностью переписанная реализация jquery для java.

Одна из целей gQuery состоит в том, чтобы иметь большинство функций jquery (css-селекторов, манипуляции с dom, эффекты, обещания, ajax и т. Д.), Но без необходимости импортировать внешнюю библиотеку jquery.js, пользуясь всем добра gwt (оптимизация, производительность, удаление мертвого кода и т. д.).

В результате gQuery и jQuery не могут совместно использовать плагины, поэтому, если вы используете jquery.js в своем приложении, потому что используете jquery-plugin, вам все равно придется импортировать jquery в свой проект.

Таким образом, если вы хотите использовать синтаксис jquery, но в gwt, вам не нужно импортировать jquery, а не вызывать внешние js-методы из java.

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

public void onModuleLoad() { 
    //add a click handler on the button 
    $("button").click(new Function(){ 
     public void f() { 
     //display the text with effects and animate its background color 
     $("#text").as(Effects) 
      .clipDown() 
      .animate("backgroundColor: 'yellow'", 500) 
      .delay(1000) 
      .animate("backgroundColor: '#fff'", 1500); 
     } 
    }); 
} 

В противном случае, если вы не используете gqueyr и хотите импортировать JQuery на странице, чтобы вызвать некоторые методы из GWT, вы должны написать JSNI методы:

native void enhanceMyButton() /*-{ 
    $("button").click(function() { 
     //display the text with effects and animate its background color 
     $("#text").as(Effects) 
      .clipDown() 
      .animate("backgroundColor: 'yellow'", 500) 
      .delay(1000) 
      .animate("backgroundColor: '#fff'", 1500); 
    }); 
}-*/; 

Наконец, в gwtquery, мы работаем над раскрытием методов gquery для интеграции чистого кода jquery. Эта работа выполняется на модуле, который мы назвали jsQuery, и основные цели заключаются в следующем: дизайнеры могут добавлять jquery-код в html или ui.xml без импорта внешнего jquery.js, и это может быть быстрый способ портировать jquery плагин для gquery.

FYI: Я разместил здесь некоторые из benefits of using gquery в качестве дополнения к gwt