Commit 2356624472e7e69b2412774e3480eec9f5395a5a
1 parent
de54bec5
删除list.js
Showing
1 changed file
with
0 additions
and
160 deletions
src/main/resources/static/pages/base/line/js/list.js deleted
100644 → 0
| 1 | -/** | ||
| 2 | - * | ||
| 3 | - * @JSName : list.js(线路信息list.html页面js) | ||
| 4 | - * | ||
| 5 | - * @Author : bsth@lq | ||
| 6 | - * | ||
| 7 | - * @Description : TODO(线路信息list.html页面js) | ||
| 8 | - * | ||
| 9 | - * @Data : 2016年4月28日 上午9:21:17 | ||
| 10 | - * | ||
| 11 | - * @Version 公交调度系统BS版 0.1 | ||
| 12 | - * | ||
| 13 | - */ | ||
| 14 | - | ||
| 15 | -(function(){ | ||
| 16 | - | ||
| 17 | - /** | ||
| 18 | - * -----page : 当前页 | ||
| 19 | - * | ||
| 20 | - * -----initPag : | ||
| 21 | - * | ||
| 22 | - */ | ||
| 23 | - var page = 0,initPag; | ||
| 24 | - | ||
| 25 | - // 选择框 | ||
| 26 | - var icheckOptions = { | ||
| 27 | - checkboxClass: 'icheckbox_flat-blue', | ||
| 28 | - increaseArea: '20%' | ||
| 29 | - }; | ||
| 30 | - | ||
| 31 | - // 表格数据分页加载 | ||
| 32 | - loadTableDate(null,true); | ||
| 33 | - | ||
| 34 | - /** | ||
| 35 | - * 重置按钮事件 | ||
| 36 | - * | ||
| 37 | - */ | ||
| 38 | - $('tr.filter .filter-cancel').on('click',function(){ | ||
| 39 | - // 清空搜索框值 | ||
| 40 | - $('tr.filter input,select').val('').change(); | ||
| 41 | - // 重新加载表格数据 | ||
| 42 | - loadTableDate(null,true); | ||
| 43 | - }); | ||
| 44 | - | ||
| 45 | - /** | ||
| 46 | - * 搜索按钮事件 | ||
| 47 | - * | ||
| 48 | - */ | ||
| 49 | - $('tr.filter .filter-submit').on('click',function(){ | ||
| 50 | - // cells 集合返回表格中所有（列）单元格的一个数组 | ||
| 51 | - var cells = $('tr.filter')[0].cells; | ||
| 52 | - // 搜索参数集合 | ||
| 53 | - var params = {}; | ||
| 54 | - // 搜索字段名称 | ||
| 55 | - var name; | ||
| 56 | - // 遍历cells数组 | ||
| 57 | - $.each(cells, function(i, cell){ | ||
| 58 | - // 获取第i列的input或者select集合 | ||
| 59 | - var items = $('input,select', cell); | ||
| 60 | - // 遍历items集合 | ||
| 61 | - for(var j = 0, item; item = items[j++];){ | ||
| 62 | - // 获取字段名称 | ||
| 63 | - name = $(item).attr('name'); | ||
| 64 | - if(name){ | ||
| 65 | - // 赋取相对应的值 | ||
| 66 | - params[name] = $(item).val(); | ||
| 67 | - } | ||
| 68 | - } | ||
| 69 | - }); | ||
| 70 | - page = 0; | ||
| 71 | - loadTableDate(params,true); | ||
| 72 | - }); | ||
| 73 | - | ||
| 74 | - /** | ||
| 75 | - * 表格数据分页加载事件 | ||
| 76 | - * | ||
| 77 | - * ------@param : 查询参数 | ||
| 78 | - * | ||
| 79 | - * ------@isPon : 是否重新分页 | ||
| 80 | - * | ||
| 81 | - */ | ||
| 82 | - function loadTableDate(param,isPon){ | ||
| 83 | - // 搜索参数 | ||
| 84 | - var params = {}; | ||
| 85 | - if(param) | ||
| 86 | - params = param; | ||
| 87 | - // 排序（按更新时间） | ||
| 88 | - params['order'] = 'id'; | ||
| 89 | - // 记录当前页数 | ||
| 90 | - params['page'] = page; | ||
| 91 | - // 弹出正在加载层 | ||
| 92 | - var i = layer.load(2); | ||
| 93 | - // 异步请求获取表格数据 | ||
| 94 | - $.get('/line',params,function(result){ | ||
| 95 | - // 把数据填充到模版中 | ||
| 96 | - var tbodyHtml = template('line_list_temp',{list:result.content}); | ||
| 97 | - // 把渲染好的模版html文本追加到表格中 | ||
| 98 | - $('#datatable_line tbody').html(tbodyHtml); | ||
| 99 | - // 制定复选框 | ||
| 100 | - $('#datatable_line tbody').find('.icheck').iCheck(icheckOptions); | ||
| 101 | - // 复选框改变事件 | ||
| 102 | - $('#datatable_line tbody').find('.icheck').on('ifChanged', iCheckChange); | ||
| 103 | - // 是重新分页且返回数据长度大于0 | ||
| 104 | - if(isPon && result.content.length > 0){ | ||
| 105 | - // 重新分页 | ||
| 106 | - initPag = true; | ||
| 107 | - // 分页栏 | ||
| 108 | - showPagination(result); | ||
| 109 | - } | ||
| 110 | - // 关闭弹出加载层 | ||
| 111 | - layer.close(i); | ||
| 112 | - }); | ||
| 113 | - } | ||
| 114 | - | ||
| 115 | - /** | ||
| 116 | - * 复选框组件 | ||
| 117 | - * | ||
| 118 | - */ | ||
| 119 | - function iCheckChange(){ | ||
| 120 | - // 获取当前的父节点tr | ||
| 121 | - var tr = $(this).parents('tr'); | ||
| 122 | - | ||
| 123 | - // 判断当前是否选中 | ||
| 124 | - if(this.checked) | ||
| 125 | - // 选中，则增添父节点tr的样式 | ||
| 126 | - tr.addClass('row-active'); | ||
| 127 | - else | ||
| 128 | - // 未选中，则删除父节点tr的样式 | ||
| 129 | - tr.removeClass('row-active'); | ||
| 130 | - } | ||
| 131 | - | ||
| 132 | - /** | ||
| 133 | - * 分页栏组件 | ||
| 134 | - * | ||
| 135 | - */ | ||
| 136 | - function showPagination(data){ | ||
| 137 | - // 分页组件 | ||
| 138 | - $('#pagination').jqPaginator({ | ||
| 139 | - // 总页数 | ||
| 140 | - totalPages: data.totalPages, | ||
| 141 | - // 中间显示页数 | ||
| 142 | - visiblePages: 6, | ||
| 143 | - // 当前页 | ||
| 144 | - currentPage: page + 1, | ||
| 145 | - first: '<li class="first"><a href="javascript:void(0);">首页<\/a><\/li>', | ||
| 146 | - prev: '<li class="prev"><a href="javascript:void(0);">上一页<\/a><\/li>', | ||
| 147 | - next: '<li class="next"><a href="javascript:void(0);">下一页<\/a><\/li>', | ||
| 148 | - last: '<li class="last"><a href="javascript:void(0);">尾页<\/a><\/li>', | ||
| 149 | - page: '<li class="page"><a href="javascript:void(0);">{{page}}<\/a><\/li>', | ||
| 150 | - onPageChange: function (num, type) { | ||
| 151 | - if(initPag){ | ||
| 152 | - initPag = false; | ||
| 153 | - return; | ||
| 154 | - } | ||
| 155 | - page = num - 1; | ||
| 156 | - loadTableDate(null, false); | ||
| 157 | - } | ||
| 158 | - }); | ||
| 159 | - } | ||
| 160 | -})(); | ||
| 161 | \ No newline at end of file | 0 | \ No newline at end of file |