page.js 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. $(function () {
  2. loadPageSubmit();
  3. });
  4. /**
  5. * 表单提交方式分页
  6. */
  7. function loadPageSubmit() {
  8. //显示分页的容器
  9. var paging = $("#paging");
  10. //总页数
  11. var pages = $("#pages").val();
  12. //当前页
  13. var pageNum = $("#pageNum").val();
  14. //连续显示分页数
  15. var groups = 6;
  16. laypage({
  17. cont: paging, //容器,仅支持id名\原生DOM对象,jquery对象
  18. pages: pages, //总页数
  19. skip:true, //是否开启跳页
  20. groups: groups, //连续显示分页数
  21. first:'首页', //首页
  22. last: '尾页', //尾页
  23. skin:'#1E9FFF', //皮肤
  24. curr: pageNum, //当前页
  25. jump:function(obj,first){ //触发分页后的回调
  26. //触发分页后的回调,并传递当前页obj.cuur
  27. if(!first){
  28. var cuur = obj.curr; //获取当前页
  29. //获取当前页选择item
  30. getSelectedItem();
  31. $("#pageNum").val(cuur);
  32. $('form').submit();
  33. }
  34. }
  35. });
  36. }
  37. /**
  38. * Ajax方式分页
  39. */
  40. function loadPage(catId,callback) {
  41. //显示分页的容器
  42. var paging = $("#paging");
  43. //当前页
  44. var pageNum = $("#pageNum").val();
  45. // //总页数
  46. var pages = $("#pages").val();
  47. //连续显示分页数
  48. var groups = 6;
  49. laypage({
  50. cont: paging, //容器,仅支持id名\原生DOM对象,jquery对象
  51. pages: pages, //总页数
  52. // skip:true, //是否开启跳页
  53. groups: groups, //连续显示分页数
  54. first:'首页', //首页
  55. last: '尾页', //尾页
  56. // skin:'#1E9FFF', //皮肤
  57. curr: pageNum || 1, //当前页
  58. jump:function(obj,first){ //触发分页后的回调
  59. //触发分页后的回调,并传递当前页obj.cuur
  60. if(!first){
  61. // var cuur = obj.curr; //获取当前页
  62. callback(catId, obj.curr);
  63. }
  64. }
  65. });
  66. }
  67. /**
  68. * 分页多选
  69. */
  70. var item_selected_arr = [];
  71. $(function(){
  72. if("" != $("#item_selected").val() && null != $("#item_selected").val()){
  73. item_selected_arr = JSON.parse($("#item_selected").val());
  74. }
  75. loadSelectedItem(item_selected_arr);
  76. });
  77. function loadSelectedItem(item_selected_arr){
  78. $("input[name='id']").each(function(i,item){
  79. var itemValue = $(this).attr("value");
  80. if(findElem(item_selected_arr,"id",itemValue)>-1){
  81. $(this).attr("checked","checked");
  82. }
  83. });
  84. $("#item_selected").val(JSON.stringify(item_selected_arr));
  85. }
  86. function getSelectedItem(){
  87. $("input[name='id']").each(function(i,item){
  88. var lineObj = {};
  89. var itemValue = $(this).attr("value");
  90. lineObj.id = itemValue;
  91. $(this).parents("tr").find("td[itemAttr]").each(function(i,item){
  92. var name = $(this).attr("itemAttr");
  93. var value = $(this).text();
  94. lineObj[name] = value;
  95. });
  96. if($(this).is(":checked")){
  97. if(findElem(item_selected_arr,"id",itemValue)==-1){
  98. item_selected_arr.push(lineObj);
  99. }
  100. }else{
  101. var index = findElem(item_selected_arr,"id",itemValue);
  102. if( index > -1 ){
  103. item_selected_arr.splice(index,1);
  104. }
  105. }
  106. });
  107. $("#item_selected").val(JSON.stringify(item_selected_arr));
  108. return item_selected_arr;
  109. }
  110. /*按照属性值,查找对象*/
  111. function findElem(arrayToSearch,attr,val){
  112. for (var i=0;i<arrayToSearch.length;i++){
  113. if(arrayToSearch[i][attr]==val){
  114. return i;
  115. }
  116. }
  117. return -1;
  118. }
  119. //根据对象数组获取id数组
  120. function getIdsFromItemArr(item_selected_arr){
  121. var ids = [];
  122. for(var i = 0; i<item_selected_arr.length; i++){
  123. ids.push(item_selected_arr[i].id);
  124. }
  125. return ids;
  126. }