2016-03-24 14 views
1

Veriler ızgarada görüntülenmiyor. Her sütuna cells.value'u nasıl eşlerim?Webapi'yi çağırarak JSON ile JQGrid'e veri bağlayamazsınız

Json çıkışı:

[ 
    {"UserName":"8125579231","RoleId":1,"Name":"Sreekanth","RoleName":"Administrator"}, 
    {"UserName":"9676078986","RoleId":1,"Name":"Karteek","RoleName":"Administrator"}, 
    {"UserName":"9703804807","RoleId":1,"Name":"Kiran","RoleName":"Administrator"},  
    {"UserName":"9177458358","RoleId":1,"Name":"Venkat","RoleName":"Administrator"}, 
    {"UserName":"7760699118","RoleId":2,"Name":"RAM","RoleName":"Sales"} 
] 

Kodu: Ben json verilerine dayalı Kodunuzdaki birkaç şey güncelledik

$j('#list2').jqGrid({ 
      caption: "Employee Details", 
      url: "http://localhost:9611/api/Master/GetBackendUsersList", 
      data: "{}", 
      datatype: "json", 
      //contentType: "application/json; charset-utf-8", 
      mtype: "GET", 
      colNames: ["UserName", "RoleId", "Name", "RoleName"], 
      colModel: [ 
        { name: "UserName", index: 'UserName', width: 150 }, 
        { name: 'RoleId', index: "RoleId", width: 150 }, 
        { name: "Name", index: "Name", width: 150 }, 
        { name: "RoleName", index: "RoleName", width: 150 } 
      ], 
      rowNum: 10, 
      loadonce:true, 
      //rowList: [10, 20, 30], 
      //pager: '#jQGridDemoPager', 
      sortname: "UserName", 
      viewrecords: true, 
      sortorder: "desc", 
}); 
+1

Hangi jqGrid sürümünü ve hangi çatalı ([ücretsiz jqGrid] (https://github.com/free-jqgrid/jqGrid), [Guriddo jqGrid JS] (http://guriddo.net/?page_id) = 103334) veya eski bir jqGrid <= 4.7 sürümünde mi? JqGrid 4.13.1'i ücretsiz olarak öneririm, geliştirdiğim çatal. JqGrid'in Retro sürümleri ek seçenek gerektirir: jsonReader: {repeatitems: false, root: function (obj) {return obj; }} ' – Oleg

cevap

0

, şimdi iyi görünüyor hangi. İşte

var $j = $.noConflict(true); 

//Updated with format how you're getting from web service. 
var mydata = [ 
    {"UserName":"asda","RoleId":1,"Name":"Sreekanth","RoleName":"Administrator"}, 
    {"UserName":"sa","RoleId":1,"Name":"Karteek","RoleName":"Administrator"}, 
    {"UserName":"asda","RoleId":1,"Name":"Kiran","RoleName":"Administrator"},  
    {"UserName":"asda","RoleId":1,"Name":"Venkat","RoleName":"Administrator"}, 
    {"UserName":"asdas","RoleId":2,"Name":"RAM","RoleName":"Sales"} 
]; 
//Updated with no conflict variable 
$j('#list2').jqGrid({ 
     caption: "Employee Details", 
     data: mydata, // Given local data 
     datatype: "local", // Changed to local sice loading local data. 
     colNames: ["UserName", "RoleId", "Name", "RoleName"], 
     colModel: [ 
       { name: "UserName", index: 'UserName', width: 150 }, 
       { name: 'RoleId', index: "RoleId", width: 150 }, 
       { name: "Name", index: "Name", width: 150 }, 
       { name: "RoleName", index: "RoleName", width: 150 } 
     ], 
     rowNum: 10, 
     pager: '#jQGridDemoPager', 
     sortname: "UserName", 
     viewrecords: true, 
     sortorder: "desc", 
}); 

<table id="list2"> 
    <tr> 
     <td /> 
    </tr> 
</table> 
<div id="jQGridDemoPager"></div> 

Demo Bkz HTML parçasıdır.

+0

Aslında varyasyonlar alıyorum, bunun için var $ j = $ .noConflict (true); Ayrıca yukarıdaki formatta webapi veri alıyorum. lütfen bu sorunu çözmek için bana yardımcı olun. –

+0

@venkik Cevap ve demomda aynı bilgilerle güncelledik. Hala benim için iyi çalışıyor. Bunu kontrol ettin mi? –

+0

Sonunda çıktı aldım.Çok fazla Vinoth Krishnan –