Json données ne se charge pas en jqGrid avec ressort 3 mvc

Question

En cliquant sur un bouton, je suis en train de charger le jqGrid avec JSON datadtype. J'ai essayé de nombreuses façons de charger des données, mais elles échouent et affichent une grille vide. S'il vous plaît aviser ce que je manque ici.

Ma grille

$("#bedata").click(function(){ 
    jQuery("#list2").jqGrid({ 
     url:'/mso/interop/interopcompanycfg/getDSAccounts?companyId=${interopcompcfg.company.id}', 
     datatype: "json", 
     mtype: 'GET', 
     colNames:['Id','DTCCID','COMPANYID','DTCCACCOUNTID'],   
     colModel:[ 
     {name:'ID',index:'id', sortable:true, align:'center',width:90}, 
     {name:'DTCCID',index:'dsId', sortable:true, align:'center',width:90}, 
     {name:'COMPANYID',index:'companyId',sortable:true, align:'center', width:120}, 
     {name:'DTCCACCOUNTID',index:'dsLegalEntityId', sortable:true, align:'center',width:130}  
     ], 
     rowNum:10, 
     rowList:[10,20,30], 
     pager: '#pager2', 
     sortname: 'dsId', 
     viewrecords: true, 
     sortorder: "desc", 
     caption:"DS ACCOUNTS", 
     jsonReader: { 
     repeatitems : false,  
     root:"rows", 
     cell: "", 
     id: "0" 
     } 
    }); 
    jQuery("#list2").jqGrid('navGrid','#pager2',{edit:true,add:true,del:true}); 
}); 


spring requestmapping 
@RequestMapping(value="/getDSAccounts",method= RequestMethod.GET) 
public @ResponseBody List<Vector<String>> getDSAccountsJSON(HttpServletRequest request,HttpServletResponse httpResponse) { 
    try{ 

    UsersJsonDTO usersJsonDTO = new UsersJsonDTO(); 
     usersJsonDTO.setPage("1"); 
    usersJsonDTO.setRecords("8");  
    usersJsonDTO.setTotal("20"); 

    Company cmp=(Company) request.getSession().getAttribute("company"); 
    List<DSAccounts> message = interopService.getDSAccounts(cmp); 

    httpResponse.setContentType("text/javascript"); 
    int i=0; 
    List<DTCCAccounts> rowJsonList = new ArrayList<DTCCAccounts>(); 
    for (DSAccounts dsAccountDTO:message) 
    { 
    DTCCAccounts rowJson = new DTCCAccounts();  
    rowJson.setId(String.valueOf(i+1)); 
    rowJson.setDsId(String.valueOf(dsAccountDTO.getDsId())); 
    rowJson.setCompanyId(String.valueOf(dsAccountDTO.getCompany().getId())); 
    rowJson.setDsLegalEntityId(dsAccountDTO.getDsLegalEntityId()); 
    rowJsonList.add(rowJson); 
    } 

    usersJsonDTO.setRows(rowJsonList); 
     return usersJsonDTO; 

Answer 1

Si les données JSON contiennent des éléments tels que

{ 
    "page": "1", 
    "records": "8", 
    "rows": [ 
     { 
      "companyId": "1661", 
      "dsId": "72", 
      "dsLegalEntityId": "SELLSIDE01", 
      "id": "1" 
     }, 
     { 
      "companyId": "1661", 
      "dsId": "74", 
      "dsLegalEntityId": "SELLSIDE03", 
      "id": "1" 
     } 
    ], 
    "total": "20" 
} 

Vous devez modifier la propriété name de toutes les colonnes aux valeurs que vous utilisez actuellement index et la grille être rempli avec les données.

Un problème supplémentaire existe dans vos données: vous avez deux éléments avec le même ID. Donc, si vous sélectionnez la deuxième rangée, la première sera sélectionnée. Vous devriez donc choisir "dsId" comme ID ou produire les données ayant des identifiants uniques.

mise à jour:Here est le même code où seuls les noms sont fixes et here est la même grille où ids sont également fixés.

Answer 2

Essayez de spécifier explicitement toutes les propriétés de votre jsonReader. Comme cette

jsonReader : { 
     root: "rows", 
     page: "page", 
     total: "total", 
     records: "records", 
     repeatitems: false, 
     cell: "cell", 
     id: "id" 
} 

Ce que vous avez est le suivant:

jsonReader: { 
    repeatitems : false,  
    root:"rows", 
    cell: "", 
    id: "0" 
} 

Pourquoi l'id mis à ? Comment le jqGrid connaitrait-il l'identifiant de vos données JSON? Aussi, pourquoi avez-vous retiré les au total, page, cellulaire propriétés?

Le format JSON je suis revenu de mon Spring MVC 3 application est exactement ce qui suit:

{ 
"total":"10", 
"page":"1", 
"records":"3", 
"rows":[{"id":1,"firstName":"John","lastName":"Smith"}, 
    {"id":2,"firstName":"Jane","lastName":"Adams"}, 
    {"id":3,"firstName":"Jeff","lastName":"Mayer"}] 

}

, je remarque aussi que vous avez fait ce qui suit:

httpResponse.setContentType("text/javascript"); 

Je n Je n'ai pas à le faire dans mon Spring 3 MVC. Vérifiez ce tutoriel je l'ai écrit à http://krams915.blogspot.com/2010/12/jqgrid-and-spring-3-mvc-integration.html