Skip to content

杨建斌 / page

Go to a project
Toggle navigation
Toggle navigation pinning
4b2fcc3b by Zelig
Options

datatable ajax 分页处理

1 parent 2c615417
Inline Side-by-side
Showing 7 changed files with 84 additions and 139 deletions
application/controllers/Work.php
...@@ -200,4 +200,28 @@ class Work extends CI_Controller { ...@@ -200,4 +200,28 @@ class Work extends CI_Controller {
200 { 200 {
201 $this->load->view('work/线下已放款'); 201 $this->load->view('work/线下已放款');
202 } 202 }
203
204 public function data()
205 {
206 $data['draw'] = 1;
207 $data['recordsTotal'] = 57;
208 $data['recordsFiltered'] = 57;
209 $data['data'] = [
210 ['id' => 1001, 'name' => '张三'],
211 ['id' => 1001, 'name' => '张三'],
212 ['id' => 1001, 'name' => '张三'],
213 ['id' => 1001, 'name' => '张三'],
214 ['id' => 1001, 'name' => '张三'],
215 ['id' => 1001, 'name' => '张三'],
216 ['id' => 1001, 'name' => '张三'],
217 ['id' => 1001, 'name' => '张三'],
218 ['id' => 1001, 'name' => '张三'],
219 ['id' => 1001, 'name' => '张三'],
220 ['id' => 1001, 'name' => '张三'],
221 ['id' => 1001, 'name' => '张三'],
222 ['id' => 1001, 'name' => '张三'],
223 ];
224
225 $this->output->set_content_type('application/json')->set_output(json_encode($data));
226 }
203 } 227 }
......
application/views/common/footer.php
...@@ -8,7 +8,6 @@ ...@@ -8,7 +8,6 @@
8 <script type="text/javascript" src="/resource/lib/My97DatePicker/4.8/WdatePicker.js"></script> 8 <script type="text/javascript" src="/resource/lib/My97DatePicker/4.8/WdatePicker.js"></script>
9 <script type="text/javascript" src="/resource/lib/webuploader/0.1.5/webuploader.min.js"></script> 9 <script type="text/javascript" src="/resource/lib/webuploader/0.1.5/webuploader.min.js"></script>
10 <script type="text/javascript" src="/resource/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 10 <script type="text/javascript" src="/resource/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
11 <script type="text/javascript" src="/resource/datatable.js"></script>
12 <script src="https://cdn.bootcss.com/holder/2.9.4/holder.min.js"></script> 11 <script src="https://cdn.bootcss.com/holder/2.9.4/holder.min.js"></script>
13 <script type="text/javascript" src="/resource/upload.js"></script> 12 <script type="text/javascript" src="/resource/upload.js"></script>
14 <script> 13 <script>
......
application/views/common/user_menu.php
1 <aside class="Hui-aside"> 1 <aside class="Hui-aside">
2 <div class="menu_dropdown bk_2"> 2 <div class="menu_dropdown bk_2">
3 <ul> 3 <ul>
4 <li><a data-href="<?=site_url('/user/index')?>" data-title="用户管理" href="javascript:void(0)"><i class="Hui-iconfont">&#xe600;</i>&nbsp;用户管理</a></li> 4 <li><a data-href="<?=site_url('/user/index')?>" data-title="用户管理" href="javascript:void(0)"><i class="Hui-iconfont">&#xe638;</i>&nbsp;用户管理</a></li>
5 </ul> 5 </ul>
6 </div> 6 </div>
7 </aside> 7 </aside>
......
application/views/user/User.php deleted 100644 → 0
1 <?php
2 defined('BASEPATH') OR exit('No direct script access allowed');
3
4 class User extends CI_Controller {
5
6 /**
7 * 控制台默认页面
8 */
9 public function index()
10 {
11 $this->load->view('user/index');
12 }
13
14 public function info($state = null)
15 {
16 switch ($state) {
17 case '1':
18 $this->load->view('user/资料清单');
19 break;
20 case '2':
21 $this->load->view('user/基本信息');
22 break;
23 case '3':
24 $this->load->view('user/人脉圈');
25 break;
26 case '4':
27 $this->load->view('user/风险识别');
28 break;
29 case '5':
30 $this->load->view('user/交易记录');
31 break;
32 default:
33 $this->load->view('user/资料清单');
34 break;
35 }
36 }
37 }
application/views/work/index.php
...@@ -70,76 +70,73 @@ ...@@ -70,76 +70,73 @@
70 <thead class="text-c"> 70 <thead class="text-c">
71 <tr> 71 <tr>
72 <th width="68px">操作</th> 72 <th width="68px">操作</th>
73 <th>订单编号</th>
74 <th>申请人</th> 73 <th>申请人</th>
75 <th>身份证</th>
76 <th>手机号</th>
77 <th>进件时间</th>
78 <th>网点</th>
79 <th>产品名称</th>
80 <th>申请金额</th>
81 <th>审批金额</th>
82 <th>客户经理</th>
83 <th>流程节点</th>
84 <th>流转时间</th>
85 <th>处理人</th>
86 </tr> 74 </tr>
87 </thead> 75 </thead>
88 <tbody class="text-c"> 76 <tbody class="text-c">
89 <tr> 77 <tr>
90 <td> 78 <td></td>
91 <span class="dropDown dropDown_hover"> 79 <td></td>
92 <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>
93 <ul class="dropDown-menu menu radius box-shadow">
94 <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=0')">查看详细</a></li>
95 <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=2')">处理记录</a></li>
96 <li><a href="#">客户取消</a></li>
97 </ul>
98 </span>
99 </td>
100 <td>1001</td>
101 <td>张三</td>
102 <td>333333333333333333</td>
103 <td>13333333333</td>
104 <td>2018-01-01 00:00:00</td>
105 <td>下沙网点</td>
106 <td>融易购</td>
107 <td>100.00</td>
108 <td>100.00</td>
109 <td>李三</td>
110 <td class="c-primary">预审</td>
111 <td>2018-01-02 00:00:00</td>
112 <td>小明</td>
113 </tr>
114 <tr>
115 <td>
116 <span class="dropDown dropDown_hover">
117 <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>
118 <ul class="dropDown-menu menu radius box-shadow">
119 <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=0')">查看详细</a></li>
120 <li><a href="javascript:;" onclick="layer_show('订单详情', '/work/detail/1?tab=2')">处理记录</a></li>
121 <li><a href="#">客户取消</a></li>
122 </ul>
123 </span>
124 </td>
125 <td>1002</td>
126 <td>张三</td>
127 <td>333333333333333333</td>
128 <td>13333333333</td>
129 <td>2018-01-01 00:00:00</td>
130 <td>下沙网点</td>
131 <td>融易购</td>
132 <td>100.00</td>
133 <td>100.00</td>
134 <td>李四</td>
135 <td class="c-999">完成</td>
136 <td>2018-01-02</td>
137 <td>小明</td>
138 </tr> 80 </tr>
139 </tbody> 81 </tbody>
140 </table> 82 </table>
141 </div> 83 </div>
142 </div> 84 </div>
143 <?php $this->load->view('common/footer'); ?> 85 <?php $this->load->view('common/footer'); ?>
86
87 <script>
88 $('#table').dataTable({
89 aaSorting: [[ 1, "desc" ]],
90 serverSide: true,
91 processing: true,
92 ajax: '<?=site_url("work/data")?>',
93 columns: [
94 {data: "id", render: function (data, type, full) {
95 return '<span class="dropDown dropDown_hover">\
96 <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>\
97 <ul class="dropDown-menu menu radius box-shadow"><li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/'+ data +'?tab=0\')">查看详细</a></li>\
98 <li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/'+ data +'?tab=2\')">处理记录</a></li>\
99 <li><a href="#">客户取消</a></li>\
100 </ul></span>';
101 }},
102 {data: "name"}
103 ]
104 });
105
106 $.fn.dataTableExt.afnFiltering.push(
107 function( oSettings, aData, iDataIndex ) {
108 var min = document.getElementById('min').value;
109 var max = document.getElementById('max').value;
110 var iDateCol = 12;
111
112 var dateMin = new Date(aData[iDateCol]);
113 var dateMax = new Date(aData[iDateCol]);
114
115 if (min === '' && max === '')
116 return true;
117 else if (new Date(min).getTime() <= dateMin.getTime() && max === '')
118 return true;
119 else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime())
120 return true;
121 return false;
122 }
123 );
124
125 $('.table_search').on('change', function () {
126 search = $(this).val();
127 column = $(this).attr('column');
128
129 $('#table').DataTable().column(column).search(search).draw();
130 });
131
132 $('#min, #max').on('keyup', function () {
133 $('#table').DataTable().draw();
134 });
135
136 function resetHandler ()
137 {
138 $('#table').DataTable().columns().search("").draw();
139 }
140 </script>
144 </body> 141 </body>
145 <html> 142 <html>
......
resource/datatable.js deleted 100644 → 0
1 $('#table').dataTable({
2 "aaSorting": [[ 1, "desc" ]],
3 "pading":false
4 });
5
6 $.fn.dataTableExt.afnFiltering.push(
7 function( oSettings, aData, iDataIndex ) {
8 var min = document.getElementById('min').value;
9 var max = document.getElementById('max').value;
10 var iDateCol = 12;
11
12 var dateMin = new Date(aData[iDateCol]);
13 var dateMax = new Date(aData[iDateCol]);
14
15 if (min === '' && max === '')
16 return true;
17 else if (new Date(min).getTime() <= dateMin.getTime() && max === '')
18 return true;
19 else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime())
20 return true;
21 return false;
22 }
23 );
24
25 $('.table_search').on('change', function () {
26 search = $(this).val();
27 column = $(this).attr('column');
28
29 $('#table').DataTable().column(column).search(search).draw();
30 });
31
32 $('#min, #max').on('keyup', function () {
33 $('#table').DataTable().draw();
34 });
35
36 function resetHandler ()
37 {
38 $('#table').DataTable().columns().search("").draw();
39 }
resource/static/h-ui.admin/js/H-ui.admin.js
...@@ -241,7 +241,8 @@ function layer_show(title,url,w,h){ ...@@ -241,7 +241,8 @@ function layer_show(title,url,w,h){
241 241
242 function layer_load(title, url) { 242 function layer_load(title, url) {
243 var index = parent.layer.getFrameIndex(window.name); 243 var index = parent.layer.getFrameIndex(window.name);
244 parent.layer.title(title, index); 244 if(title != '')
245 parent.layer.title(title, index);
245 parent.layer.iframeSrc(index, url); 246 parent.layer.iframeSrc(index, url);
246 } 247 }
247 248
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!