如何使用jquery實現分頁

我想爲我的搜索結果頁面分頁。我有兩個超鏈接Previous和Next顯示所有搜索結果。當我第一次加載我的頁面時，我想讓Previous禁用並點擊Next我想讓它可用。當頁面到達最後一頁時，我想這次禁用Next，並且在Previous到達第1頁時想要禁用它。我怎樣才能實現這個使用jQuery。如何使用jquery實現分頁

來源

2011-07-20 Romi

你可以嘗試任何的這種現成的插件http://webdesign14.com/15-best-jquery-table/
編輯： 從搜索結果與id=my_table"創建一個表（只是舉例，或者你可以使用任何其他ID）和使用下面的代碼

<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。

來源

2011-07-20 12:38:33 xyz

Ajinkya：我沒有得到哪一個是我用的。我該如何使用它。請幫幫我。 – Romi

查看演示http://www.datatables.net/ – xyz

Ajinkya：你好，我檢查過它。它的工作方式與我想要的完全一樣，但我如何在我的頁面中使用它。我需要做什麼。我的意思是我不知道如何使用插件。 – Romi

-1

$('#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>"; 
         } 

        } 
] 
})

來源

2011-08-26 06:53:17 gargi

如何使用jquery實現分頁

回答

相關問題