gwt - このJQueryプラグインをGWTに追加するのと同等のものはありますか?

Question

GWT を使用してビルドされた既存のプロジェクトがあります。このサイトで利用可能なコンテンツを、利用可能なソーシャル サイトの大部分で共有する必要があり、JQuery addthis プラグインはこれで素晴らしい仕事をしているようです。

これを GWT で使用できるラッパーはありますか?

Answer 1

実際、既存の JS ライブラリを呼び出すのは非常に簡単です。これに習熟すれば、GWT プログラマーとしての視野が広がります。実際に説明するように、これは非常に簡単です。

jQuery および AddThis プラグイン ソースを DOM に追加します。例えば：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"/>
<script type="text/javascript" src="https://raw.github.com/bdewong/jQuery-AddThis/master/jquery.addthis.js"/>

アプリケーションのどこかにアンカーを作成し、それにクラス名 addthis を割り当てる必要があります。これは、プログラムで行うか、uibinder テンプレートを使用するか、プレーンな古い html を使用するかによって異なります。

<a class="addthis"></a>

アプリケーションのどこかで addthis プラグインを呼び出す必要があります。使用できる関数の例を 2 つ示します。

static native void invokeAddThis(String id) /*-{
    $wnd.jQuery(id).addthis();
}-*/;

static native void invokeAddthis(String id, String username) /*-{
    $wnd.jQuery(id).addthis(username);
}-*/;

どこかで電話をかけます：

invokeAddThis(".addthis");

おめでとう！既存の JS API の世界にフックできるようになりました :)