使用dojo.xhrget（）方法在Dojogrid中顯示數據

Question

我想顯示一組數據，我使用dojo.xhrget（）方法通過對服務器的異步調用來檢索數據。我通過URL檢索數據，我希望每次用戶單擊內容窗格時，都會在網格中顯示一組新的值，而無需刷新整個頁面。問題是數據沒有在網格中顯示。我正在通過xhrget（）錯誤方法收到錯誤。

我的腳本的代碼::

<script> 
function populateGrid(){ 
    dojo.xhrGet({ 
     url: "http://localhost:8080/2_8_2012/jsp/GetJson.jsp", 
     load: fillGrid, 
     error:handleError, 
     preventCache:true 
     }); 
} 

function fillGrid(data, ioArgs) 
{ 
    alert(data); 
     var newData = { 
      identifier: "ID", 
      items: data 
    }; 

    var dataStore = new dojo.data.ItemFileReadStore({data: newData, id:"dataStoreId"}); 
    var gridStructure =[[ 

          { field: "ID", 
           name: "ID_Emp", 
           width: "20%", 
           classes:"firstName" 
          }, 
          { 
           field: "Names", 
           name: "Name", 
           width: "20%", 
           classes: "firstName" 
          }, 
          { field: "Email", 
           name: "Mail", 
           width: "20%", 
           classes:"firstName" 
          } 

        ] 
       ]; 

    var grid = dijit.byId("grid.DataGrid");  
    grid.setStore(dataStore); 
    grid.startup(); 
} 

function handleError() { 
    alert("An error occurred while invoking the service."); 
} 
</script> 

現在，這裏警報（數據）和http://localhost:8080/2_8_2012/jsp/GetJson.jsp的輸出是相同的，即::

[{"ID":1,"Names":"Shantanu","Email":"shantanu.tomar@gmail.com"},{"ID":2,"Names":"Mayur","Email":"mayur.sharma@gmail.com"},{"ID":26,"Names":"Rohit"}] 

我xhr.get功能工作在數據檢索方面很好。即當我更新數據庫中的值。我確實得到了具有該更新值的警報（數據）輸出，而無需再次刷新整個頁面。但數據不顯示在數據網格中。

我收到警報

An error occurred while invoking the service. 

爲http://localhost:8080/2_8_2012/jsp/GetJson.jsp的代碼::

<%@ page language="java" contentType="application/json; charset=ISO-8859-1" 
    pageEncoding="ISO-8859-1"%> 
    <%@ page import="MyPackage.PopulateTextbox" %> 
<% 
String temp1; 
PopulateTextbox obj = new PopulateTextbox(); 
temp1 = obj.method(); 
%> 
<%=temp1 %> 

的標記代碼::

<div id="grid.DataGrid" data-dojo-type="dojox.grid.DataGrid" title="Simple Grid" data-dojo-props= "autoWidth:true, structure: gridStructure" style="width:900px; height:200px;"></div> 

<div id="contentpaneid" dojoType="dijit.layout.ContentPane" title="Pending Activities" style="background-image: url('http://localhost:8080/2_8_2012/images/17.png');" onclick="populateGrid"> 

我沒有得到什麼問題。你能幫我解答爲什麼我會收到錯誤提示。謝謝。

Answer 1

Pratik Chandra正確地提到了這個問題 - 數據網格正在填充而沒有設置任何存儲。我建議改變你的DataGrid中以編程方式填充

所以你的宣言：

<div id="grid.DataGrid" data-dojo-type="dojox.grid.DataGrid" 

neeeds被改爲：

<div id="mygrid" ></div> 

，然後更改行：

var grid = dijit.byId("grid.DataGrid"); 

到：

var grid = new dojox.grid.DataGrid({ 
       id: "grid", 
       jsid: "grid", 
       store: dataStore, 
       structure: gridStructure, 
       style: 'width:900px;height:300px;' 
      }, dojo.byId("mygrid")); 
grid.startup(); 

另請注意，無論何時要刷新網格中的數據，都不需要重新填充網格，只需使用新值更新數據存儲，並且數據網格將自動使用新數據進行刷新:-) Dojo照顧那部分。

要清理數據存儲中的現有數據並使用新數據填充數據，請在IFRS上設置clearOnClose屬性。請參閱：Updating Dojo Dijit FilteringSelect's store with asynchonous data瞭解clearOnClose