Jqgrid не показывает данные

Question

Пожалуйста, смотрите мой JS код ниже

$(function() { 
    $("#grid").jqGrid({ 
     url: "/Home/GetRoles", 
     dataType: 'json', 
     mtype: 'Get', 
     colNames: ['ID', 'Role Name', 'Active'], 
     colModel: [ 
      { key: true, hidden: true, name: 'RoleId', index: 'RoleId' }, 
      { key: true, name: 'RoleName', index: 'RoleName' }, 
      { key: true, name: 'Active', index: 'Active' } 
     ], 
     pager: jQuery('#pager'), 
     rowNum: 10, 
     rowList: [10, 20, 30, 40], 
     height: '100%', 
     viewrecords: true, 
     caption: 'Roles', 
     emptyrecords: 'No records to display', 
     jsonReader: { 
      root: "rows", 
      page: "page", 
      total: "total", 
      records: "records", 
      repeatitems: false, 
      id: "0" 
     }, 
     autowidth: true, 
     multiselect: false 
    }); 
}); 

и выход Получить Запросить

{"total":2,"page":1,"records":13,"rows":[{"RoleId":1,"RoleName":"Role1","Active":true},{"RoleId":2,"RoleName" 
:"Role 2","Active":false},{"RoleId":13,"RoleName":"Role 3","Active":false},{"RoleId":3,"RoleName":"Role 
4","Active":false},{"RoleId":4,"RoleName":"Role 5","Active":false},{"RoleId":5,"RoleName":"Role 6","Active" 
:false},{"RoleId":6,"RoleName":"Role 7","Active":false},{"RoleId":7,"RoleName":"Role 8","Active":false 
},{"RoleId":8,"RoleName":"Role 9","Active":false},{"RoleId":9,"RoleName":"Role 10","Active":false}]} 

но сетка всегда пустой

Answer 1

Вы должны исправить dataType: 'json' к datatype: 'json', то свойство key: true можно разместить только в одной колонке. Вы должны удалить его из столбцов RoleName и Active. Ваши данные JSON содержат строку в середине строки «Role 4".Если данные JSON действительно являются новым символом линии на месте? Это также была ошибка.

Кроме того, вы всегда должны записывать информацию о версии jqGrid (free jqGrid, Guriddo jqGrid JS или старый jqGrid в версии < = 4.7). Проблема, существующая в одной версии, не может существовать в другой. Кроме того, у разных версий и вилок есть разные варианты, и поэтому предлагаю вам некоторое обходное решение нужно знать версию и вилку, которые вы используете. Я разработал бесплатный jqGrid fork и могу порекомендовать вам последнюю версию (4.13.0) jqGrid из fork.