在后端使用ASP.NET + JSON使jqGrid工作,需要遵循以下步骤:
<div id="jqGridPager"></div>
$(document).ready(function () {
$("#jqGrid").jqGrid({
url: 'api/getData',
mtype: "POST",
datatype: "json",
colNames: ["ID", "Name", "Age"],
colModel: [
{ name: "id", index: "id", width: 55 },
{ name: "name", index: "name", width: 90 },
{ name: "age", index: "age", width: 80 }
],
rowNum: 10,
rowList: [10, 20, 30],
pager: "#jqGridPager",
sortname: "id",
viewrecords: true,
sortorder: "desc",
caption: "jqGrid Example"
});
});
[HttpPost]
public JsonResult GetData()
{
// 从数据库中获取数据
var data = dbContext.Table.ToList();
// 将数据转换为JSON格式
var jsonData = JsonConvert.SerializeObject(data, Formatting.Indented);
// 返回JSON数据
return Json(jsonData);
}
通过以上步骤,可以实现在ASP.NET项目中使用JSON数据来源的jqGrid。
领取专属 10元无门槛券
手把手带您无忧上云