0

Javascriptからウィジェットを作成するにはどうすればよいですか。たとえば、単純なボタンまたはテーブルを作成する必要があります。テーブルを描画するサードパーティのJavaScriptがいくつかあります。これらのJavaScriptを使用してGWTウィジェットを作成したい場合、最初に何をすべきですか?GWTExt、SmartGWTなどの他のフレームワークはカスタムウィジェットをどのように使用していますか?それらは最初から始めているのですか、それともGWTウィジェット機能を再利用していますか?自分のスタイルで1つのテーブルを作成する場合のように、GWTテーブルを継承する必要がありますか?JavaScriptからウィジェットを作成する方法を1つの例またはサンプルコードで教えてもらえますか?私の質問が間違っているなら、すみません。

例:

Mytableテーブル=新しいMytable(2,3)。次に、2列3行の独自のテーブルを描画する必要があります

4

2 に答える 2

3

あなたはここで多くの質問をしています。あなたの場合、元の投稿に疑問符があるのと同じ数の質問を作成する必要があります。

最初の質問については、JSNIをご覧ください。

編集:それで、okraszはあなたに参照すべき多くの参考文献を与えました. 私の側からは、JSNI を使用してあなたの例を支援しようとします (既存の js を GWT にバインドすることについて質問していたため)。

MyTable次のように定義されているとしましょう

<script type="text/javascript">
    MyTable = function(a,b){
        this.a = a;
        this.b = b;
    };
</script>

あなたのjsファイルは呼び出されますmytable.js

これをコンポーネントにする必要があります。GWT ライブラリ プロジェクトの .java ファイルで、次のようなクラスを作成します。

public class MyTable extends JavaScriptObject {
    protected MyTable(){}
    public static native MyTable create(double a, double b) /*-{
        return new MyTable(a,b);
    }-*/;
    public final native double getA() /*-{
        return this.a;
    }-*/;

    public final native double getB() /*-{
        return this.b;
    }-*/;
}

元の js ファイルをリソースに追加し、次のようにscriptノードをgwt.xmlモジュールに追加します。

<module>
  <inherits name="com.google.gwt.core.Core"/>
  <script src="path/to/mytable.js"/>
  <source path="client"/>
  <public path="public"/>
</module>

それだけです。何かを忘れているかもしれませんが、同じことを行う任意の oss プロジェクトを参照できます。たとえば、swfupload-gwtプロジェクトのソース コードを見てください。

于 2011-07-15T11:25:57.513 に答える
1

カスタムウィジェットを作成する方法のドキュメントは次のとおりです。残念ながら、彼らは主に既存のウィジェットから複合ウィジェットを作成することについて話します。ただし、最初から作成する場合は、ボタンの作成時にJavaで記述することをお勧めします。参照用のボタンのソースコードを次に示します。JSのウィジェットの場合、TextBoxのソースコードを提案します。

ウィジェットの作成に関するもう1つの記事もあります:http://davidmaddison.blogspot.com/2009/01/creating-gwt-component.html

于 2011-07-15T12:53:59.633 に答える