jquery jPaginate 分页

nuliljj 2013-04-05 09:34:59

<script type="text/javascript" src="/Scripts/jquery-1.8.1.min.js"></script>

<script type ="text/javascript" src="../../Content/themes/jPaginate/jquery.paginate.js"></script>

<link rel="Stylesheet" type="text/css" href="../../Content/themes/jPaginate/css/style.css" />

    <script type="text/javascript">

        $(document).ready(function () {

            //禁止缓存

            $.ajaxSetup({

 

                cache: false //关闭AJAX相应的缓存 

 

            });

 

            //分页，调用插件jquery.paginate.js

            //受限获取数据库总的记录数，

            function getcounts() {

                var counts;

                $.get("/StaffMana/QueryStaffCounts", null, function (data) {

                    counts = data.requestvalue;

                }, "json");

                return counts;

            }

            var counts = getcounts();

           $("#paging").paginate({

            count: counts,

            start: 1,

            display: 5,

            border: false,

            text_color: '#888',

            background_color: '#EEE',

            text_hover_color: 'black',

            background_hover_color: '#CFCFCF',

            onChange: function (index) {

 

 

            }

            });