<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新闻信息列表</title>
<link rel="stylesheet" type="text/css" href="themes/ui.jqgrid.css">
<link rel="stylesheet" type="text/css" href="themes/jquery-ui-1.8.2.custom.css">
<script src="js/jquery.min.js" type="text/javascript"> </script>
<script src="js/jquery-ui-1.8.2.custom.min.js" type="text/javascript"> </script>
<script src="js/jquery.layout.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script type="text/javascript">
$.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true;
</script>
<script src="js/ui.multiselect.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="js/jquery.tablednd.js" type="text/javascript"></script>
<script src="js/jquery.contextmenu.js" type="text/javascript"></script>
</head>
<body>
<div style="font-size:12px;">
<table id="list2"></table>
<div id="pager2"></div>
</div>
<script language="javascript">
jQuery("#list2").jqGrid({
url:'data/data.php',
datatype: "json",
colNames:['编号','标题', '分类', '作者','发布时间','状态','点击'],
colModel:[
{name:'id',index:'id', width:55,align:"center"},
{name:'title',index:'title', width:200,align:"center"},
{name:'typeid',index:'typeid asc, title', width:70,align:"center"},
{name:'author',index:'author', width:80, align:"center"},
{name:'inputtime',index:'inputtime', width:80, align:"center"},
{name:'status',index:'status', width:80,sortable:false,align:"center"},
{name:'hits',index:'hits', width:70, sortable:true,align:"center"}
],
rowNum:6,
rowList:[10,20,30],
pager: '#pager2',
sortname: 'id',
viewrecords: true,
sortorder: "desc",
caption:"JSON 实例"
});
jQuery("#list2").jqGrid('navGrid','#pager2',{edit:false,add:false,del:false});
</script>
</body>
</html>
评论1
最新资源