Использование JQuery в GWT JSNI

Question

Я не в состоянии использовать

$("#"+profileId).offset().top 

внутри моей GWT JSNI функции. Я пробовал это

$wnd.$("#"+profileId).offset().top 

но это также не работает. Я чувствую, что здесь отсутствует синтаксис. Может кто-нибудь помочь

Answer 1

Три решения для этого вопроса:

1- Ваш код JSNI выглядит отлично, за исключением, что вы должны заключить его в соответствующем (или любой другой тип номера, если вы хотите, чтобы gwt выполнял кастинг).

native double getTop(String profileId) /*-{ 
    return $wnd.$("#" + profileId).offset().top; 
}-*/; 

Если вы хотите, чтобы увидеть ошибки через ваш UncaughExceptionHandler вы должны обернуть свой код в $entry блоке

native double getTop(String profileId) /*-{ 
    return $entry(function(data) { 
    return $wnd.$("#" + profileId).offset().top; 
    }); 
}-*/; 

2- Но, вместо того, чтобы использовать JQuery, я рекомендую вам использовать gwt-query ака gQuery. Поэтому вам не нужно загружать jQuery в ваш .html, и вам не нужно иметь дело с jsni в вашем приложении.

С gQquery у вас почти такой же синтаксис jQuery, но в java, поэтому у вас есть тип безопасного, рефакторинга, тестирования ... Но также у вас будут десятки утилит (простейшие ajax, обещания, селекторы и т. Д.), Которые не находятся в ядре gwt.

gQuery - это небольшая библиотека, полностью переписанная с нуля в gwt. Он не является оберткой библиотеки jQuery (как неправильно сказано в другом ответе), вам не нужно включать jquery.js на свои страницы.

Как и в любой другой библиотеке gwt, компилятор gwt избавится от всего, что вы не используете из gquery. В вашем подходе ваше приложение должно загружать все файлы jquery.

Так что в вашем случае, и используя gquery написать этот код в классах .java:

import static com.google.gwt.query.client.GQuery.*; 
... onModuleLoad() { 
    int top = $("#"+profileId).offset().top; 
} 

3- Наконец, у вас есть возможность использовать чистый код GWT, чтобы получить смещение элемента, если вы знаете его id:

int top = DOM.getElementById(profileId).getOffsetTop(); 

Answer 2

Я предполагаю, что вы добавили jquery library на странице хоста.

Правильный синтаксис

private native int myJquery() /*-{ 
    $wnd.$(function() {   //may be you forgot this line 
    return $wnd.$("#"+profileId).offset().top; 
    }); 
}-*/; 

И предполагает, что вы только начали использовать JQuery в GWT.

Я настоятельно предлагая легкий вес третьей стороной библиотеки

GWTQuery

Answer 3

Простой способ со скромной оценкой.

public static native void eval(String toEval)/*-{ 
    return $wnd.eval(toEval);  
}-*/; 

Тогда просто использовать сценарий

eval("$('#'" + profileId + ").offset().top"); 

И потому, что называется внутри кода GWT вы можете считать, что ваш код как безопасный один.