2011-07-20 53 views
1

検索結果ページのページ番号を設定したいと思います。 すべての検索結果を表示するための2つのハイパーリンクPreviousNextがあります。初めてページが読み込まれたときにPreviousを無効にして、Nextをクリックしてみたいと思っています。ページが最後のページに到達すると、がこのページを無効にしたい場合は、この時点でNextを無効にしたいと考えています。どのようにjqueryを使用してこれを達成することができます。jqueryを使用してページ番号を設定する方法

答えて

1

あなたはのいずれかを試すことができ、この既製プラグインhttp://webdesign14.com/15-best-jquery-table/
EDIT: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をファイルに追加してください。

+0

アジンカ:私はどちらを使用するのか分からなかった。どのように私はそれを使用することができます。私を助けてください。 – Romi

+0

このデモをチェックしてください。http://www.datatables.net/ – xyz

+0

アジンカ:これをチェックしました。私の欲しいものと同じように働いていますが、私のページでどのように使用していますか?私はする必要があります。私はプラグインの使い方を知らないということです。 – 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>"; 
         } 

        } 
] 
}) 
関連する問題