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 | 0 | \ No newline at end of file |