お世話になります。
ex-table-filter(https://github.com/cyokodog/jquery.ex-table-filter)と
pagination(http://shanabrian.com/web/jquery/pagination.php)を使用して、
文字列でフィルターをかけ、その結果に対してページネーションさせたいと思っています。
先日こちらで質問させていただきましたが、
jquery.pagination.jsのchangeEndCallback関数にフィルターを入れたら無事検索したものに対してページャーが出現しました。
【jquery.pagination.js内 changeEndCallback】
function() { $(".filter-area").keyup(function(){ $(".filter-area").val($(this).val()); //1ページに検索窓を2つ設置しているため、同じ文字列が入力されるようにしています。 $('table.data').exTableFilter('.filter-area'); }); },
ところが、現在
・フォームの文字を削除するとページャーが機能しなくなる(絞り込まれていない検索結果が表示されている状態)。
・ページャーの次へ&前へボタンを押すと検索で入力した言葉が無効(検索されていない状態のページネーション)になってしまう。
という問題が発生しています。
検索結果に対してページネーションさせる、という記述が出来ておらず、
根本的に考え方が間違っているのだと思うのですが、どのように直したらよいかわかりませんのでご教授ください。
【jQuery】
<script> $(document).ready(function () { $(".filter-area").keyup(function(){ $(".filter-area").val($(this).val()); $('table.data').exTableFilter('.filter-area'); }); $('.pager').pagination({ itemElement : '> .item', displayItemCount : 3, }); }); </script>
【html】
<input type="text" class="filter-area form-control"> <div id="main"> <div id="mainInner" class="pager"> <!-- 要素 --> <table class="data tableBox list_item item"> <tbody> <tr> <td></td> </tr> </tbody> </table> <!-- /要素 --> </div><!-- /mainInner pager --> </div><!-- /main -->
あなたの回答
tips
プレビュー