使用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）