From 7c999a831a0d2d5c6ca2d5920f0310a26febb8a0 Mon Sep 17 00:00:00 2001 From: "gary_chen\\gary_chen" Date: Tue, 31 Oct 2023 13:27:15 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=20datatable=20=E6=8E=92?= =?UTF-8?q?=E5=BA=8F=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- wms/wipwhole-index.php | 18 ++++++++++++++++++ wms/wipwhole-renovate-index.php | 16 ++++++++++++++++ wms/wipwholeinstall-index.php | 18 +++++++++++++++++- wms/wipwholeinstall-renovate-index.php | 9 ++++++++- 4 files changed, 59 insertions(+), 2 deletions(-) diff --git a/wms/wipwhole-index.php b/wms/wipwhole-index.php index 2822b43a..54ca665f 100644 --- a/wms/wipwhole-index.php +++ b/wms/wipwhole-index.php @@ -244,9 +244,11 @@ mysqli_close($link); .dataTables_scrollHead .dataTable { margin-bottom: -2px; } + .dataTables_scrollBody .dataTable { margin-bottom: 0; } + table { margin-left: 0px; } @@ -429,6 +431,8 @@ mysqli_close($link); var showNum = ; var nowPage = ; var searchContent = ""; + var orderColumn = ""; + var orderDirection = ""; var dataArr2 = { "All": "table_index2", @@ -440,10 +444,23 @@ mysqli_close($link); } var table = $('#' + dataArr2[sheetNum]).DataTable(); + + // 设置排序信息 + if (orderColumn !== '' && orderDirection !== '') { + table.order([orderColumn, orderDirection]).draw(); + } + table.search(searchContent).draw(); table.page.len(showNum).draw(); table.page((nowPage) - 1).draw('page'); + // 監聽排序 + table.on('order.dt', function() { + var order = table.order(); + orderColumn = order[0][0]; + orderDirection = order[0][1]; + }); + // 監聽頁碼 table.on('page.dt', function() { searchDatatable(table); @@ -465,6 +482,7 @@ mysqli_close($link); searchContent = table.search(); window.location.href = "" + "&showNum=" + showNum + "&nowPage=" + nowPage + "&searchContent=" + searchContent + "&sheetNum=" + sheetNum + + "&orderColumn=" + orderColumn + "&orderDirection=" + orderDirection + "&contractno=" + contractno + "&facilityno=" + facilityno + "&custom=" + custom + "&site_survey_contact_verify=" + site_survey_contact_verify + "&real_contract_arrival_date_start=" + real_contract_arrival_date_start + "&real_contract_arrival_date_end=" + real_contract_arrival_date_end + "&area_no=" + area_no; diff --git a/wms/wipwhole-renovate-index.php b/wms/wipwhole-renovate-index.php index 296e6155..67e508c9 100644 --- a/wms/wipwhole-renovate-index.php +++ b/wms/wipwhole-renovate-index.php @@ -431,6 +431,8 @@ mysqli_close($link); var showNum = ; var nowPage = ; var searchContent = ""; + var orderColumn = ""; + var orderDirection = ""; var dataArr2 = { "All": "table_index2", @@ -443,10 +445,23 @@ mysqli_close($link); var table = $('#' + dataArr2[sheetNum]).DataTable(); + + // 设置排序信息 + if (orderColumn !== '' && orderDirection !== '') { + table.order([orderColumn, orderDirection]).draw(); + } + table.search(searchContent).draw(); table.page.len(showNum).draw(); table.page((nowPage) - 1).draw('page'); + // 監聽排序 + table.on('order.dt', function() { + var order = table.order(); + orderColumn = order[0][0]; + orderDirection = order[0][1]; + }); + // 監聽頁碼 table.on('page.dt', function() { searchDatatable(table); @@ -469,6 +484,7 @@ mysqli_close($link); searchContent = table.search(); window.location.href = "" + "&showNum=" + showNum + "&nowPage=" + nowPage + "&searchContent=" + searchContent + "&sheetNum=" + sheetNum + + "&orderColumn=" + orderColumn + "&orderDirection=" + orderDirection + "&contractno=" + contractno + "&facilityno=" + facilityno + "&custom=" + custom + "&site_survey_contact_verify=" + site_survey_contact_verify + "&real_contract_arrival_date_start=" + real_contract_arrival_date_start + "&real_contract_arrival_date_end=" + real_contract_arrival_date_end + "&area_no=" + area_no; diff --git a/wms/wipwholeinstall-index.php b/wms/wipwholeinstall-index.php index b7c2377a..eea8c46a 100644 --- a/wms/wipwholeinstall-index.php +++ b/wms/wipwholeinstall-index.php @@ -311,12 +311,27 @@ mysqli_close($link); var showNum = ; var nowPage = ; var searchContent = ""; + var orderColumn = ""; + var orderDirection = ""; var table = $('#table_index2').DataTable(); + + // 设置排序信息 + if (orderColumn !== '' && orderDirection !== '') { + table.order([orderColumn, orderDirection]).draw(); + } + table.search(searchContent).draw(); table.page.len(showNum).draw(); table.page((nowPage) - 1).draw('page'); + // 監聽排序 + table.on('order.dt', function() { + var order = table.order(); + orderColumn = order[0][0]; + orderDirection = order[0][1]; + }); + // 監聽頁碼 table.on('page.dt', function() { searchDatatable(table); @@ -336,8 +351,9 @@ mysqli_close($link); showNum = table.page.len(); nowPage = table.page.info().page + 1; searchContent = table.search(); - window.location.href = "" + + window.location.href = "" + "&showNum=" + showNum + "&nowPage=" + nowPage + "&searchContent=" + searchContent + + "&orderColumn=" + orderColumn + "&orderDirection=" + orderDirection + "&contractno=" + contractno + "&facilityno=" + facilityno + "&custom=" + custom + "&site_survey_contact_verify=" + site_survey_contact_verify + "&real_arrival_date_start=" + real_arrival_date_start + "&real_arrival_date_end=" + real_arrival_date_end + "&area_no=" + area_no; diff --git a/wms/wipwholeinstall-renovate-index.php b/wms/wipwholeinstall-renovate-index.php index 90b257ad..3de83dfc 100644 --- a/wms/wipwholeinstall-renovate-index.php +++ b/wms/wipwholeinstall-renovate-index.php @@ -257,7 +257,7 @@ mysqli_close($link); document.getElementById("myForm").submit(); } - $('#table_index2,#table_index3,#table_index4,#table_index5,#table_index6,#table_index7').DataTable({ + $('#table_index2').DataTable({ scrollX: true, fixedHeader: true, scrollY: 500, @@ -320,6 +320,13 @@ mysqli_close($link); table.page.len(showNum).draw(); table.page((nowPage) - 1).draw('page'); + // 監聽排序 + table.on('order.dt', function() { + var order = table.order(); + orderColumn = order[0][0]; + orderDirection = order[0][1]; + }); + // 監聽頁碼 table.on('page.dt', function() { searchDatatable(table);