jqGrid的简单数据调用实例

<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>

资源文件地址: http://download.youkuaiyun.com/detail/clj9017/6259527