jQuery easyUI 分页(Pagination)用法

需要知道点击下一页，上一页，首页，尾页可以得到相应数据的代码，以及一些见解！Thanks！$(function(){
$("#pp").pagination({  
          total:${paging.totalCount},
          pageSize:${paging.pageSize},
          pageNumber:${paging.pageNo},
  pageList:[2,4,6],
  loading:false,
  showPageList:true,
  showRefresh:true,
    
                onSelectPage:function(pageNumber, pageSize){
                    $(this).pagination('loading');
                    $(this).pagination('loaded');
                },
                onChangePageSize:function(pageSize){
                 $(this).pagination('loading');
                 $(this).pagination('loaded');
                },
                onBeforeRefresh:function(){ 
            $(this).pagination('loading'); 
            $(this).pagination('loaded');
            }

    });

});

解决方案 »

  1.   

    数据展示不是 datagrid 形式的，只是用到这个分页插件而已。可否给予一个完整运行的demo呢。
      

  2.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>jQuery EasyUI</title>
    <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../themes/icon.css">
    <script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="../jquery.easyui.min.js"></script>
    <script>
    $(function(){
    $('#pp').pagination({
    total:114,
    buttons:[{
    iconCls:'icon-add',
    handler:function(){
    alert('add');
    }
    },{
    iconCls:'icon-cut',
    handler:function(){
    alert('cut');
    }
    },{
    iconCls:'icon-save',
    handler:function(){
    alert('save');
    }
    }],
    onSelectPage:function(pageNumber, pageSize){
    $(this).pagination('loading');
    alert('pageNumber:'+pageNumber+',pageSize:'+pageSize);
    $(this).pagination('loaded');
    }
    });
    });
    </script>
    </head>
    <body>
    <h1>Pagination</h1>
    <div style="margin:10px 0;">
    <a href="#" onclick="javascript:$('#pp').pagination({loading:false})">loaded</a>
    <a href="#" onclick="javascript:$('#pp').pagination({loading:true})">loading</a>
    </div>

    <div id="pp" style="background:#efefef;border:1px solid #ccc;"></div>
    </body>
    </html>这个可以？http://download.csdn.net/detail/qiujialongjjj/4042639