easy UI 前端分页

jquery配合easyUI实现分页功能

调用

 <div region="center" class="positionR">
     <table id="TemplateList"></table>
 </div>

定义

$("#TemplateList").datagrid({
      title: '报警模板列表',
      iconCls: 'icon-save',//easy-ui一个包含图标的CSS类ID
//            fit: true,
      width: 'auto',
      height: 'auto',
      nowrap: false,//当为true时，显示数据在同一行上，默认为true
      rownumbers: true,//当为true时，显示行号，默认为false
      fitColumns: true,//True就会自动扩大或者缩小列的尺寸以适应表格的宽度并且防止水平滚动
      animate: true,//当展开或折叠时是否定义动画效果
      collapsible: true,//
      pagination: true,//True就会在datagrid的底部显示分页栏
      pageNumber: 1,//初始化页码
      pageSize: 10,//初始化尺寸
      //            url: '/Alarm/GetTemplateList?UserID=' + getCookie("UserID") + '&AreaID=' &