[後端] 新增全選功能及更新 paging,可以一頁瀏覽十筆資料

This commit is contained in:
keke 2023-08-04 17:11:47 +08:00
parent 088552a6bb
commit 2cd214f545

View File

@ -59,6 +59,7 @@
<div class="btn-group flex-wrap systemSubType_select"></div>
<hr />
<button class="btn btn-primary" id="search">搜尋</button>
<button class="btn btn-primary" id="no_filter">全選</button>
<table id="niagara_data_table" class="table table-bordered table-hover m-0 text-center">
<thead class="thead-themed">
<tr>
@ -97,7 +98,7 @@
projectName();
rawDataImportTable = $("#niagara_data_table").DataTable({
paging: false,
//paging: false,
searching: false,
destroy: true,
"columns": [
@ -388,7 +389,7 @@
let search_str = `_${buildingValue}_${systemMainValue}_${systemSubValue}_`;
console.log("$$$", search_str, dataInTable.filter(({ tag_name }) => tag_name.includes(search_str)))
$("#niagara_data_table").DataTable({
paging: false,
//paging: false,
searching: false,
destroy: true,
"columns": [
@ -406,5 +407,29 @@
})
})
const noFilterButton = document.querySelector("#no_filter");
noFilterButton.addEventListener("click", (e) => {
$(".building_select .btn-info.active").removeClass('btn-info active');
$(".systemMainType_select .btn-info.active").removeClass('btn-info active');
$(".systemSubType_select .btn-info.active").removeClass('btn-info active');
$("#niagara_data_table").DataTable({
//paging: false,
searching: false,
destroy: true,
"columns": [
{
"data": "value"
},
{
"data": "tag_name"
},
{
"data": "point_name"
},
],
data: dataInTable
})
})
</script>
}