検索結果ページのページ番号を設定したいと思います。 すべての検索結果を表示するための2つのハイパーリンクPrevious
とNext
があります。初めてページが読み込まれたときにPrevious
を無効にして、Next
をクリックしてみたいと思っています。ページが最後のページに到達すると、がこのページを無効にしたい場合は、この時点でNext
を無効にしたいと考えています。どのようにjqueryを使用してこれを達成することができます。jqueryを使用してページ番号を設定する方法
1
A
答えて
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をファイルに追加してください。
-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>";
}
}
]
})
関連する問題
- 1. 同じページでページ番号を設定する方法 - ブートストラップ
- 2. jqueryを使用したページ番号
- 3. javascript/jquery:カルーセルでページ番号を設定する方法(例:数字
- 4. Laravel:ページ番号はドロップダウンメニューを使用して番号を限定します
- 5. URLパラメータをページ番号に設定する方法
- 6. dojox.grid.DataGridでページ番号を設定する方法
- 7. uib-paginationディレクティブ(ui.bootstrap)でページ番号を設定する方法
- 8. ボタンコントロールでページ番号を設定する方法
- 9. LaravelでRawクエリのページ番号を設定する方法は?
- 10. Twilioメッセージでページ番号を設定する方法は?
- 11. jQueryを使用してキャロライセル上の特定のアイテム番号を設定する方法
- 12. C#でFtpWebRequestを使用してポート番号を設定する方法は?
- 13. 間違ったタイプのページでページ番号を設定する方法とページ番号を設定する方法はありません。
- 14. JQueryのページ番号 - ページ番号をクリックしてhref attrを削除する
- 15. MS WORD:フッタにページ番号を使用してテキストに使用する方法
- 16. ページ番号を使用して
- 17. 番号なしのページ番号を表示する方法
- 18. Luceneを使って行番号やページ番号を見つける方法
- 19. 入力タイプ番号フィールドに%記号を設定する方法
- 20. jqueryを使用して米国の郵便番号を検証する方法
- 21. jqueryを使用してhtmlでページ番号を作成するには
- 22. ウェーブメーカーを使用してセンターレイアウトのページを設定する方法
- 23. データテーブルjQueryページ番号
- 24. vb 2008を使用してボタンの番号を設定
- 25. ページ番号の連続番号を修正する方法PHP
- 26. jqueryを使用してdivのページ番号を作成しますか?
- 27. JasperReportsで開始ページ番号を設定する方法はありますか?
- 28. jQueryを使用してBootstrap DataTableの現在のページ番号を取得する方法
- 29. jquery mobile list view json結果セットを使用したページ番号
- 30. toggle()を使用してjqueryでCookieを設定する方法
アジンカ:私はどちらを使用するのか分からなかった。どのように私はそれを使用することができます。私を助けてください。 – Romi
このデモをチェックしてください。http://www.datatables.net/ – xyz
アジンカ:これをチェックしました。私の欲しいものと同じように働いていますが、私のページでどのように使用していますか?私はする必要があります。私はプラグインの使い方を知らないということです。 – Romi