12345678910111213141516171819202122232425262728293031323334353637383940 |
- /*
- script to apply bootstrap pagination in asp.net gridview
- by Issam Ali
- http://issamsoft.com
-
- Usage:
- ------
- set gridview property: PagerStyle-CssClass="bs-pagination"
- */
-
- $(document).ready(function () {
- $('.bs-pagination td table').each(function (index, obj) {
- convertToPagination(obj)
- });
- //複製Pageer Start
- var $pagerBar = $("#GridView1 tr[class='bs-pagination text-right']");
- if (!!$pagerBar.length) {
- $('#GridView1 tr:first').before('<tr class="bs-pagination text-right">' + $pagerBar.clone(true).html() + '</tr>');
- }
- //複製Pageer End
- });
-
- function convertToPagination(obj) {
- var liststring = '<ul class="pagination nomargin">';
-
- $(obj).find("tbody tr").each(function () {
- $(this).children().map(function () {
- //如果$(this).html()裡面有 aspNetDisabled || disabled,li就會改成別的
- liststring = liststring + "<li>" + $(this).html() + "</li>";
- });
- });
- liststring = liststring + "</ul>";
- var list = $(liststring);
- list.find('span').parent().addClass('active');
-
- $(obj).replaceWith(list);
- }
-
-
|