easy UI 前端分页

  • Post author:
  • Post category:其他




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=' &



版权声明:本文为qinlang193320原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。