カスタムウィジェットを作成する

Question

Javascriptからウィジェットを作成するにはどうすればいいですか？たとえば、単純なボタンやテーブルを作成する必要があります。私はいくつかのthirdartarty テーブルを描画するjavascriptsを持っています。これらのjavascriptを使用してGWTウィジェットを作成したい場合は、まず何をすべきですか？ GWTExt、SmartGWTなどの他のフレームワークではカスタムウィジェットをどのように使用していますか？彼らは最初から始まっているのですか？彼らは GWTウィジェット機能を再利用していますか？私のスタイルで1つのテーブルを作成したい場合は、GWTテーブルを継承する必要がありますか？誰でも javascriptからウィジェットを作成する方法とサンプルコードを教えてください。私の質問が間違っているなら、私を実感してください。

例：

Mytableテーブル=新しいMytable（2,3）。 2列3列のテーブルを描くはずです

Answer 1

ここでは多くの質問をしています。あなたのケースでは、あなたは元の投稿にqustionマークがあるので、多くの質問を作成する必要があります。

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

編集：だから、okraszはあなたに多くの参照を提供しました。私の側からはJSNIを使ってあなたの例を手助けしようとします（既存のjsをGWTにバインドすることを頼んでいたからです）。

のは、あなたのMyTableが

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

として定義されていると、あなたのjsファイルは今mytable.js

と呼ばれているとしましょう、私たちは、このコンポーネントである必要があります。だ

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

：

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の元のファイルを追加して、このようなあなたのgwt.xmlモジュールにscriptノードを追加：GWTライブラリプロジェクトであなたの.javaファイルでは、このようなクラスを作成しますかなりそれ。私は何かを忘れているかもしれませんが、必要と同じことをするossプロジェクトを参照することができます。例えば、swfupload-gwtプロジェクトのソースコードを見てください。

Answer 2

ここに書かれている方法はcreate custom widgetsです。残念なことに、彼らは主に、既存のものから複合ウィジェットを作成することについて話します。しかし、ゼロから作成するためには、ボタンを作成するときにJavaで記述することをお勧めします。ここでは参考のためButton source codeです。 JSのウィジェットについては、source code for TextBoxを提案しています。

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