使用Dojo數據網格

Question

一個JSP頁面上顯示數據我是新來的Dojo小部件。我想使用dojogrid小部件顯示一些數據。我想通過使用訪問數據庫來填充小部件中的數據。我連接到數據庫使用JDBC，將檢索某些設定值的結果集。現在我想在Dojogrid Widget中顯示這些值。請給我建議一些代碼或鏈接，以瞭解如何解決這個問題。提前致謝。

Answer 1

有實現這一目標的幾種方法。由於您使用JSP，最簡單的是利用在JSP中的Java綁定。

執行以下操作： 1）在JSP，包括道場和支持文件（樣式表，和的dojo.js dojo.requires網格）

2）創建在所述請求的Java變量/ JSP或會話存儲要在網格中呈現的數據。您可以使用谷歌gson或類似的庫來將Java對象轉換爲JSON

3）通過將dojo數據存儲（如itemfilereadstore）綁定到包含數據的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）通過指定佈局創建數據網格，並使用您創建存儲在步驟3中填充網格

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

另外，如果你想更SOA十歲上下，你可以用你的JSP/Java EE的後端作爲返回JSON服務，並使用純HTML渲染（和使用AJAX來從Java EE後端獲取JSON）