mvc_jqgrid
参考
public ActionResult JqgridLoadonce()
{
return View();
}
public JsonResult GetAllUserList()
{
/*
JqgridUserModel jqgridUser = new JqgridUserModel
{
rows = jqgirdRepository.GetAllUserList(),
page = 1,
records = 3,
total = 3
};
*/
var jqgridUser = new
{
total = 3,
records = 3,
page = 1,
rows = new[]{
// new { UserName= 1, cell = new []{"1","1","1"} },
// new { UserName= 2, cell = new []{"1","1","1"} },
// new { UserName= 3, cell = new[]{"1","1","1"} }
new { cell = new []{"1","1","1"} },
new { cell = new []{"1","1","1"} },
new { cell = new[]{"1","1","1"} }
}
};
return Json(jqgridUser, JsonRequestBehavior.AllowGet);
}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatiable" content="IE=8" />
<title>@ViewBag.Title</title>
<link rel="Shortcut Icon" href="@Url.Content("~/Images/favicon.ico")" />
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/base/jquery.ui.theme.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/base/jquery.ui.accordion.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/ui.jqgrid.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/grid.locale-en.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.ui.core.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.ui.widget.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.ui.accordion.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.jqGrid.src.js")" type="text/javascript"></script>
<!--
<script src="@Url.Content("~/Scripts/jqDnR.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jqModal.js")" type="text/javascript"></script>
-->
</head>
<body>
<div class="page">
<div id="header">
</div>
<div id="main">
@RenderBody()
</div>
<div id="footer">
</div>
</div>
</body>
</html>
@{
ViewBag.Title = "Jqgrid";
Layout = "~/Views/Shared/_Jqgird.cshtml";
}
<table id="gridTable">
</table>
<div id="gridPager">
</div>
<script type="text/javascript">
$(document).ready(function () {
$("#gridTable").jqGrid({
url: 'GetAllUserList',
datatype: 'json',
height: 150,
rowNum: 10,
rowList: [10, 20, 30],
colNames: ['UserName', 'EmailAddress', 'UserPwd'],
colModel: [
{ name: 'UserName', index: 'UserName', width: 60 },
{ name: 'EmailAddress', index: 'EmailAddress', width: 90 },
{ name: 'UserPwd', index: 'UserPwd', width: 100 }
],
loadonce: true,
// sortname: 'UserName',
// sortorder: 'desc',
pager: "#gridPager",
viewrecords: true,
caption: "Manipulating Array Data"
});
});
</script>