gwt - gwtQuery の利点

Question

gwt query を使用する利点を教えてください。CSS 効果のためだけですか。gwt のような UI 要素を作成するためにそれを使用する方法。

私が理解しているのは、プロジェクトでlabel、textbox、butonなどのgwtコンポーネントを使用するだけで、gwtクエリはそのコンポーネントにいくつかの効果を与えることです。

css エフェクトの場合は、gwt でも同じことができます。なぜ gwt の代わりに Gwtquery を使用するのでしょうか。誰かが私を助けることができます..

ありがとう、

score 3 · Accepted Answer

gwtquery は、GWT の必須の補完と考えてください。それは何も置き換えませんが、あなたの生活を少し楽にします。

とりわけ、これらは gquery が追加する GWT に欠けている主な機能です。

1- CSS セレクターと DOM トラバーサル操作: GWT ウィジェットを拡張できます。たとえば、画像と css クラスを<td>GWT テーブルのすべてに追加するには、次のように簡単です。

$(".mygwttable td").append("<img src='' />").addClass("whatever");

2- コードを分離する方法として、DOM に存在する任意のウィジェットインスタンスを取得します。

TextBox emailBox = $("input[name='email']").widget()

3- 要素を簡単に操作: 属性、スタイリングなど:

$(".gwt-Label")
  .css($$("background: red, color: white, width: 100%")
  .attr("whatever", true);

4- 直感的な Ajax、RequestBuilder よりもはるかにシンプル

$(myLabel).load("file.html");

5- JSNI を 1 行も書かずに、javascript を読み取り、javascript オブジェクトを変更し、javascript 関数を実行するためのヘルパー

Properties history = JsUtils.prop(window, "history");
JsUtils.runJavascriptFunction(history, "pushState", null, null, "whatever.html")

6- Json および XML データバインディング: autobeans よりもはるかに直感的でシンプルです。

7-約束、アニメーション、その他多数...

そのため、gwt ウィジェットを使用せずに gwtquery だけを使用して gwt プロジェクトを作成することはできますが、gquery を使用する通常の方法は GWT を補完するものであるため、標準の gwt 方法を使用してアプリを開発し、gquery ヘルパーを使用してコードを少なくします。

あなたの場合、通常の gwt ウィジェットを使用し、gwtquery を使用して拡張して変更を加えることなく、それらを拡張 (スタイリング、レンダリングされた dom の変更、イベントなど) します。

2 に答える 2