Javascript 调用webapi时无法使用JSON将数据绑定到JQGrid

数据未显示在网格中。如何将

单元格.value

映射到每列

Json输出：

代码：

---

我已经根据

json

数据更新了代码中的一些内容，现在看起来不错

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",
 });

这是HTML部分

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

---

请参阅。

实际上我遇到了冲突，因此我添加了var$j=$.noConflict（true）；此外，我还以上述格式从webapi获取数据。请帮助我解决这个问题。@venkik我在回答和演示中更新了相同的信息。对我来说仍然很好。你检查过了吗？最后我得到了输出。非常感谢维诺·克里希纳。欢迎你。如果你觉得这篇文章很有用，那么做一个和。可能对某人有用。您使用哪个版本的jqGrid，来自哪个fork（，或者版本中的旧jqGrid

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>