<script>
jQuery("#list2").jqGrid({
url:'server.php?q=2', //请求数据页面
datatype: "json", //返回数据格式
//height:300, //Grid的高度 默认150
//width:800, //Grid的宽度
colNames:['ID','NAME','AGE'],
colModel:[
{name:'id',index:'id', width:200},
{name:'name',index:'name', width:300,editable:true,sortable:false},
{name:'age',index:'age', width:300,editable:true}
], // 最重要的数组之一,用于设定各列的参数
rowNum:20,
rowList:[10,20,30], //此参数会在页面原有的函数里面,进行添加加或者减少
pager: '#pager2', //页面显示的容器
sortname: 'id', //默认排序字段
viewrecords: true,
sortorder: "desc",
caption:"JSON测试" //标题头
});
jQuery("#list2").jqGrid('navGrid','#pager2',{edit:true,add:false,del:false,search:false});
</script>
jqGrid的简单数据调用实例
最新推荐文章于 2024-03-22 05:41:32 发布