DataGrid dans le Dojo , avec les données json à partir d'une servlet

Je suis en utilisant JSON pour la première fois...
et veux remplir mon datagrid avec mes données JSON,
c'est mes données JSON :

{
  "head": {
    "vars": [ "s" , "fname" , "lname" ]
  } ,
  "results": {
    "bindings": [
      {
        "s": { "type": "uri" , "value": "http://tn.gov.in/Person/41" } ,
        "fname": { "type": "literal" , "value": " } ,
        "lname": { "type": "literal" ,n" }
      } ,
      {
        "s": { "type": "uri" , "value": "http://tn.gov.in/Person/37" } ,
        "fname": { "type": "literal" , "value": "sh" } ,
        "lname": { "type": "literal" , "value": "Vvan" }
      } ,
      {
        "s": { "type": "uri" , "value": "http://tn.gov.in/Person/39" } ,
        "fname": { "type": "literal" , "value": "Vavan " } ,
        "lname": { "type": "literal" , "value": "Sran" }
      }
    ]
  }
}

Je veux afficher fname et lname dans la grille de données, comment dois-je donc?
quelqu'un peut-il donner un exemple de code qui fonctionne pour ci-dessus JSON? J'ai essayé beaucoup de choses avec des exemples , je suis une grille vide

OriginalL'auteur | 2010-03-11

  1. 6

    Le point clé ici est que vous avez besoin pour transformer vos données avant de l'utiliser dans le dojo de la grille.

    Une démonstration en direct peut être trouvé à ici.

    dojo.require("dojox.grid.DataGrid");
dojo.require("dojo.data.ItemFileReadStore");
dojo.addOnLoad(function() {
var data = { "head": { "vars": [ "s" , "fname" , "lname" ] } , "results": { "bindings": [ { "s": { "type": "uri" , "value": "http://tn.gov.in/Person/41" } , "fname": { "type": "literal" , "value": "Gayathri" } , "lname": { "type": "literal" , "value": "Vasudevan" } } , { "s": { "type": "uri" , "value": "http://tn.gov.in/Person/37" } , "fname": { "type": "literal" , "value": "Magesh" } , "lname": { "type": "literal" , "value": "Vasudevan" } } , { "s": { "type": "uri" , "value": "http://tn.gov.in/Person/39" } , "fname": { "type": "literal" , "value": "Vasudevan " } , "lname": { "type": "literal" , "value": "Srinivasan" } } ] } };
var items = dojo.map(data.results.bindings, function(binding) {
return {fname : binding.fname.value, lname : binding.lname.value};
});
var store =  new dojo.data.ItemFileReadStore({
data : {
items : items
}
});
_createGrid(store);
function _createGrid(store) {
var layout = _getGridLayout(),
node = dojo.create("div", {}, dojo.byId("grid"), "only");
var grid = new dojox.grid.DataGrid({
store : store,
structure : layout,
rowsPerPage: 10
}, node);
grid.update();
grid.startup();
return grid;
}
function _getGridLayout() {
return [[
{ field : "fname", name : "First Name", width : "50%"},
{ field : "lname", name : "Last Name", width : "50%" }
]];
}
});

    OriginalL'auteur Alex Cheng

  2. 0

    Il y a une faute à la charge de l'appel, c'est un appel asynchrone puis lorsque vous essayez de générer la grille, vous n'avez pas les données et le magasin ne peut pas être construit en tant que de besoin. Vous pouvez tout inclure dans la fonction de charge comme indiqué ci-dessous:

    var items,store;
var ss = dojo.xhrGet({
url: "http://localhost:8477/E-Governance/listPerson", 
handleAs: "json", 
preventCache: true,
load: function(data){
items = dojo.map(data.results.bindings, function(binding) {
return {
fname : binding.fname.value, 
lname : binding.lname.value
};                    
});
store =  new dojo.data.ItemFileReadStore({           
data : {
items : items
}
});             
console.log(items[0].fname+' '+items[0].lname);  
_createGrid(sore);
}
});
console.log('3-4');

    OriginalL'auteur sebbalex