[DXCluster] Choose which column to filter

This commit is contained in:
Andreas Kristiansen
2026-02-15 11:26:43 +01:00
parent 556ff58438
commit cfb498408d
2 changed files with 60 additions and 6 deletions

View File

@@ -2086,7 +2086,9 @@ $(function() {
// Clear text search
$('#spotSearchInput').val('');
table.search('').draw();
table.search('');
table.columns().search('');
table.draw();
$('#clearSearchBtn').hide();
syncQuickFilterButtons();
@@ -2119,7 +2121,9 @@ $(function() {
// Clear text search
$('#spotSearchInput').val('');
table.search('').draw();
table.search('');
table.columns().search('');
table.draw();
$('#clearSearchBtn').hide();
syncQuickFilterButtons();
@@ -2299,8 +2303,25 @@ $(function() {
syncQuickFilterButtons();
});
// Helper function to apply search based on selected column
function applySearch(searchValue) {
const selectedColumn = $('#spotSearchColumn').val();
// Clear all column-specific searches first
table.columns().search('');
if (selectedColumn === 'all') {
// Search all columns
table.search(searchValue).draw();
} else {
// Search specific column (convert to integer)
const colIndex = parseInt(selectedColumn);
table.column(colIndex).search(searchValue).draw();
}
}
$("#spotSearchInput").on("keyup", function() {
table.search(this.value).draw();
applySearch(this.value);
// Show/hide clear button based on input value
if (this.value.length > 0) {
$('#clearSearchBtn').show();
@@ -2318,10 +2339,21 @@ $(function() {
}
});
// Column dropdown change handler - clear search when column changes
$("#spotSearchColumn").on("change", function() {
const searchValue = $('#spotSearchInput').val();
if (searchValue) {
applySearch(searchValue);
}
});
// Clear search button handler
$("#clearSearchBtn").on("click", function() {
$('#spotSearchInput').val('');
table.search('').draw();
// Clear both global and all column-specific searches
table.search('');
table.columns().search('');
table.draw();
$('#clearSearchBtn').hide();
$('#spotSearchInput').focus();
});
@@ -2329,7 +2361,7 @@ $(function() {
$("#searchIcon").on("click", function() {
const searchValue = $("#spotSearchInput").val();
if (searchValue.length > 2) {
table.search(searchValue).draw();
applySearch(searchValue);
}
});