首页
前端开发
Javascript
使用jqGrid实现表格分页功能

使用jqGrid实现表格分页功能

29 次浏览 0 条评论
zip
zip 
$(document).ready(function(){
  $("#list").jqGrid({
    url:"happyEvent/jsonlist",
    datatype: "json",
    height: "auto",
    width:"auto",
    colNames:['id','时间', '用户名', '标题','内容'],
    colModel:[
      {name:'id',index:'id', width:60, sorttype:"int"},
      {name:'time',index:'time', width:90, sorttype:"date"},
      {name:'name',index:'name', width:100},
      {name:'title',index:'title', width:300, align:"left",sorttype:"float"},
      {name:'content',index:'content', width:80, align:"left",sorttype:"float"}
    ],
    rowNum:2,
    rowList:[2,4,6],
    sortname: 'id',
    pager:"#pager",
    multiselect: true,
    caption: "喜事列表"
  });
  $("#list").jqGrid('navGrid','#pager',{edit:false,add:false,del:false});
});
zip 文件大小：481.69KB