Как реализовать нумерацию страниц с помощью jquery - PullRequest
Новая
       46

Как реализовать нумерацию страниц с помощью jquery

1 голос
/ 20 июля 2011

Я хочу сделать нумерацию страниц для моей страницы результатов поиска. У меня есть две гиперссылки Previous и Next для отображения всех результатов поиска. когда моя страница загружается в первый раз, я хочу отключить Previous и, нажав на Next, я хочу сделать ее доступной. и когда страница достигает последней страницы, я хочу отключить Next на этот раз, и таким же образом, когда Previous достигает 1-й страницы, хочу отключить ее. Как я могу добиться этого с помощью jquery.

Ответы [ 2 ]

1 голос
/ 20 июля 2011

Вы можете попробовать любой из этих готовых плагинов http://webdesign14.com/15-best-jquery-table/
РЕДАКТИРОВАТЬ: Создайте одну таблицу из результатов поиска с помощью id=my_table" (например, или вы можете использовать любой другой идентификатор) и используйте следующий код 

<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {
     $('#my_table').dataTable();
   } );
</script>

Просто убедитесь, что вы добавили jquery.js и другие необходимые js в ваш файл.

0 голосов
/ 26 августа 2011 
$('#data_table').dataTable( {
                "aaData": dataSet,
                "aaSorting": [[0,'asc'],[0,'desc'],[2,'asc'],[2,'desc'],[3,'asc'],[3,'desc'],[4,'asc'],[4,'desc'],[5,'asc'],[5,'desc'],[6,'asc'],[6,'desc'],[7,'asc'],[7,'desc']],
                "iDisplayLength": 4,                
                "bInfo": true,
                "bLengthChange": false,
                "bPaginate": true,
                "bAutoWidth": false,
                "sPaginationType": "full_numbers",//this is used for pagination with nos and first , next , last , preivous
                "sPageButton": "paginate_button",
                "sPageButtonActive": "paginate_active",
                "sPageButtonStaticDisabled": "paginate_buttond",
                "bAutoWidth": true,
                "aoColumns": [
                    {   "sTitle": "Seller",
                        "sWidth": "50px",
                        "sClass": "grey" ,
                        "fnRender": function(obj) {
                            var data = obj.aData[ obj.iDataColumn ];
                            return "<A href='"+ data.url +"'>"+ data.title +"</A>";
                        }

                    }
]
})
...