zoukankan      html  css  js  c++  java
  • 雷林鹏分享:jQuery EasyUI 数据网格

      jQuery EasyUI 数据网格 - 自定义分页

      数据网格(datagrid)内置一个很好特性的分页功能,自定义也相当简单。在本教程中,我们将创建一个数据网格(datagrid),并在分页工具栏上添加一些自定义按钮。

      创建数据网格(DataGrid)

      

      url="data/datagrid_data.json"

      iconCls="icon-save" pagination="true">

      

      

      

      

      

      

      

      

      

      

      

    Item IDProduct IDList PriceUnit CostAttributeStauts

      请记得,设置 'pagination' 属性为 true,这样才会生成分页工具栏。

      自定义分页工具栏

      var pager = $('#tt').datagrid('getPager'); // get the pager of datagrid

      pager.pagination({

      showPageList:false,

      buttons:[{

      iconCls:'icon-search',

      handler:function(){

      alert('search');

      }

      },{

      iconCls:'icon-add',

      handler:function(){

      alert('add');

      }

      },{

      iconCls:'icon-edit',

      handler:function(){

      alert('edit');

      }

      }],

      onBeforeRefresh:function(){

      alert('before refresh');

      return true;

      }

      });

      正如您所看到的,我们首先得到数据网格(datagrid)的 pager 对象,然后重新创建分页(pagination)。我们隐藏页面列表,并添加三个新的按钮。

      下载 jQuery EasyUI 实例

      jeasyui-datagrid-datagrid11.zip

      本文转载自:w3cschool(编辑:雷林鹏 来源:网络 侵删)

  • 相关阅读:
    矩阵快速幂 HDU3483
    欧拉函数 求小于某个数并与其互质的数的个数
    扩展欧几里德算法求逆元3
    拓展欧几里德算法求逆元2
    【20140113-2】MyEclipse生成javadoc时出错:编码GBK的不可映射字符
    【131202】SQL
    【20140113】package 与 import
    系统架构等级
    ora-01658 :无法为表空间USERS 中的段创建INITIAL区
    WMSYS.WM_CONCAT 函數的用法
  • 原文地址:https://www.cnblogs.com/pengpeng1208/p/10756147.html
Copyright © 2011-2022 走看看