Используйте jQuery Mobile + GWT UIBinder

Question

Я хочу использовать jQuery Mobile с существующими GWT-приложениями. Пока это работает довольно аккуратно, я успешно интегрировал внешние JS-файлы с помощью класса ScriptInjector и поэтому могу получить доступ к определенным функциям. Базовое приложение выглядит красиво и «отзывчиво» на мобильных устройствах.

Но, к сожалению, с этим все еще есть проблемы. Я хочу использовать кнопки jQuery вместо моих пользовательских кнопок, которые используются до сих пор, и не знаю, как это реализовать ...

Я рассмотрел реализацию скрытого элемента div / в index.html, который динамически отображается, а также интеграции внешнего CSS-файла в UIBinder, но не знаю, как это реализовать. Как мне получить доступ к элементам index.html?

Что-то вроде <a href="index.html" data-role="button" data-icon="info">Button</a> для кнопки отлично работает, когда это реализовано в index.html, но не из UiBinder-XML.

Есть предложения? Заранее спасибо.

Answer 1

Я более или менее решил эту проблему путем добросовестного использования JSNI, а также некоторых других настроек, таких как упомянутый доступ к якорям GWT.Ключевым моментом здесь является использование $wnd.jQuery вместо $ при выполнении собственных вызовов.

Я не хотел использовать внешнюю библиотеку.

В любом случае, спасибо.

Answer 2

Вы проверили gwtquery ?
Это jQuery, как API, написанный на GWT. Хорошо, что он изначально работает в GWT, и только часть, которая действительно используется, окажется в скомпилированном коде.
С jQuery всегда включена вся библиотека.

К вашему первоначальному вопросу. Вы можете просто встроить обычные элементы HTML, такие как Anchor, в UiBinder (вы должны поместить его в жесткую область HTMLPanel. Используйте Firebug или Developer Tools, чтобы проверить вывод