Dojoを使用してJSPページにデータを表示するデータ・グリッド

Question

Dojoウィジェットの初心者です。私はdojogridウィジェットを使っていくつかのデータを表示したい。私は、アクセスデータベースを使用して、ウィジェット内のデータを取り込みたいと思います。私はJDBCを使用してデータベースに接続しており、結果セットでいくつかの値のセットを取得します。今私はその値をDojogridウィジェットに表示したいと思います。この問題に取り組む方法に関するいくつかのコードやリンクを教えてください。前もって感謝します。

Answer 1

これを達成するにはいくつかの方法があります。 JSPを使用しているので、JSPでJavaバインディングを活用するのが最も簡単です。

次の操作を行います、 1）あなたのJSPでの道場を含めると、グリッド用のファイル（スタイルシート、dojo.jsとdojo.requiresをサポート）

2）は、JSP /リクエストにJavaの変数を作成したり、グリッドにレンダリングするデータを格納するセッション。 google gsonまたは同様のライブラリを使用してJavaオブジェクトをJSONに変換することができます

3）データを保持するjavaオブジェクトにバインドしてdojoデータストア（itemfilereadstoreなど）を作成します。

 <% 

//you can also use a Java object/collectin and converted to json string using libraries such as Gson 
    String gridData = "{ 
         identifier:"id", 
         items: [ 
           {id:1, "Name":915,"IpAddress":6}, 
           {id:2, "Name":916,"IpAddress":6}, 
           {id:3, "Name":917,"IpAddress":6}      ] 
        }"; 


     %> 

    var gridStore = new dojo.data.ItemFileReadStore({ data: dojo.fromJson(<%= gridData %>)}); 
    var gridStructure = var gridStructure =[{ 
        cells:[ 
           [ 
             { field: "Name", 
              name: "Name", 
              width: "40%", styles: 'text-align: right;' 
             }, 
             { field: "IpAddress", 
              name: "Ip Address" , 
              width: "40%", 
              styles: 'text-align: right;' 
             } 
           ] 
          ] 
        }]; 

4）あなたはより多くのSOAっぽいになりたい場合は、レイアウトを指定することで、データグリッドを作成し、グリッド

<div jsid="mygrid" id="mygrid" dojoType="dojox.grid.DataGrid" 
    gridOptions='{query:"" ,structure:gridStructure,store:gridStore}' 
    title="Simple Grid" style="width: 500px; height: 150px;"></div> 

代わりに移入し、ステップ3で作成したストアを使用します。たとえば、 JSONを返すサービスとしてjsp/Java EEバックエンドを使用し、レンダリングにプレーンHTMLを使用できます（Java EEバックエンドからJSONをフェッチするためにAJAXを使用します）。