bs.pagination.js 1.1KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /*
  2. script to apply bootstrap pagination in asp.net gridview
  3. by Issam Ali
  4. http://issamsoft.com
  5. Usage:
  6. ------
  7. set gridview property: PagerStyle-CssClass="bs-pagination"
  8. */
  9. $(document).ready(function () {
  10. $('.bs-pagination td table').each(function (index, obj) {
  11. convertToPagination(obj)
  12. });
  13. //複製Pageer Start
  14. var $pagerBar = $("#GridView1 tr[class='bs-pagination text-right']");
  15. if (!!$pagerBar.length) {
  16. $('#GridView1 tr:first').before('<tr class="bs-pagination text-right">' + $pagerBar.clone(true).html() + '</tr>');
  17. }
  18. //複製Pageer End
  19. });
  20. function convertToPagination(obj) {
  21. var liststring = '<ul class="pagination nomargin">';
  22. $(obj).find("tbody tr").each(function () {
  23. $(this).children().map(function () {
  24. //如果$(this).html()裡面有 aspNetDisabled || disabled,li就會改成別的
  25. liststring = liststring + "<li>" + $(this).html() + "</li>";
  26. });
  27. });
  28. liststring = liststring + "</ul>";
  29. var list = $(liststring);
  30. list.find('span').parent().addClass('active');
  31. $(obj).replaceWith(list);
  32. }