Displaying data in Dojogrid using the dojo.xhrget () method

Question

I want to display the dataset that I get when I make an asynchronous call to the server using the dojo.xhrget () method. I get the data through the URL, and I want every time the user clicks on the content panel, a new set of values ​​is displayed in the grid without refreshing the entire page. The problem is that the data is not displayed in the Grid. I get an error using the xhrget () error method.

Code for my script:

<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>

Now here the output of warnings (data) and http: // localhost: 8080 / 2_8_2012 / jsp / GetJson.jsp is the same as ie ::

[{"ID":1,"Names":"Shantanu","Email":"[e-mail]"},{"ID":2,"Names":"Mayur","Email":"[e-mail]"},{"ID":26,"Names":"Rohit"}]

xhr.get . i.e, . alert (data) , . .

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

- - . ,

, :

<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();

, , , , , datagrid :-) Dojo .

, clearOnClose . : Dojo Dijit FilteringSelect , clearOnClose