Проблема в том, что я не вижу ни одной строки в сетке. Как бы я ни старался, но безуспешно. FireBug показывает данные. Может быть проблема в колонке?
Почему я не вижу данных?
Примечание: если я использую массив и связываю его с сеткой, я вижу данные массива. См. Внизу для локального связывания.
Я использую последнюю версию JQGrid js. Я думаю, что версия 4.1.1. Скачано сегодня.
* Джейсон Ответ
------------------- *
{"total":1,"page":1,"records":2,"rows":[{"id":1,"cell":["1","account number","First Name"]},{"id":2,"cell":["2","account number1","First Name1"]}]}
* Страница бритвы
----------------------------- *
<table id="list"></table>
<div id="pager"></div>
<link href="/Content/custom-theme/jquery-ui-1.8.13.custom.css" rel="stylesheet" type="text/css" />
<link href="/Content/custom-theme/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid/sandbox-grid.js" type="text/javascript"></script>
[HttpGet]
public JsonResult GetGrids(string sidx, string sord, int page, int rows)
{
var query = from e in _form.All() select e;
var count = query.Count();
var result = new
{
total = 1,
page = page,
records = count,
rows = query.Select(x => new { x.Id, x.AccountNumber, x.FirstName })
.ToList()
.Select(x => new
{
id = x.Id,
cell = new string[] {x.Id.ToString(),x.AccountNumber,x.FirstName}
}).ToArray(),
};
return Json(result, JsonRequestBehavior.AllowGet);
}
$(document).ready(function () {
jQuery("#list").jqGrid({
url: '/Home/GetGrids/',
mtype: 'GET',
dataType: 'json',
colNames: ['Id', 'Account Number', 'Lastname'],
colModel: [
{ name: 'Id', index: 'Id', width: 200 },
{ name: 'AccountNumber', index: 'AccountNumber', width: 300 },
{ name: 'LastName', index: 'LastName', width: 100 }
],
rowNum: 10,
rowList: [10, 20, 30],
pager: '#pager',
sortname: 'Id',
viewrecords: true,
sortorder: "desc",
caption: "Pay Your Bill"
});
jQuery("#list").jqGrid('navGrid', '#pager', { edit: false, add: false, del: false });
});
Местная привязка работает
---------------------------------
var mydata = [
{ Id: "1", name: "test", AccountNumber: "note", LastName: "1sdfd sdfsdf00" },
{ Id: "2", name: "test2", AccountNumber: "note2", LastName: "2sdf sdfdf00" }
];
data: mydata,
datatype: "local",