AppStd/DbFirst
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sync date filter UI with criteria; restore dropdown footer

Browse Source 
Add _filterContexts to track filter menu contexts per field and update their FilterCriteria when criteria change, ensuring the date filter UI stays in sync. Remove CSS that hid the native Apply/Clear footer in the date filter dropdown.
This commit is contained in:
OlgunR
2026-05-11 10:00:02 +02:00
parent d9785baf5b
commit f0259e3f78
2 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
DbFirst.BlazorWebApp/Components/BandGridBase.cs
View File

@@ -33,6 +33,7 @@ public abstract class BandGridBase<TItem> : ComponentBase
private readonly Dictionary<string, EventCallback<DateTime?>> _fromCallbacks = new(StringComparer.OrdinalIgnoreCase); private readonly Dictionary<string, EventCallback<DateTime?>> _fromCallbacks = new(StringComparer.OrdinalIgnoreCase);
private readonly Dictionary<string, EventCallback<DateTime?>> _toCallbacks = new(StringComparer.OrdinalIgnoreCase); private readonly Dictionary<string, EventCallback<DateTime?>> _toCallbacks = new(StringComparer.OrdinalIgnoreCase);
private readonly Dictionary<string, RenderFragment<GridDataColumnFilterMenuTemplateContext>> _dateFilterTemplates = new(StringComparer.OrdinalIgnoreCase); private readonly Dictionary<string, RenderFragment<GridDataColumnFilterMenuTemplateContext>> _dateFilterTemplates = new(StringComparer.OrdinalIgnoreCase);
private readonly Dictionary<string, GridDataColumnFilterMenuTemplateContext> _filterContexts = new(StringComparer.OrdinalIgnoreCase);
// --- SizeMode --- // --- SizeMode ---
protected SizeMode _sizeMode = SizeMode.Medium; protected SizeMode _sizeMode = SizeMode.Medium;
@@ -253,8 +254,9 @@ public abstract class BandGridBase<TItem> : ComponentBase
} }
private RenderFragment<GridDataColumnFilterMenuTemplateContext> BuildDateFilterTemplate(string fieldName) => private RenderFragment<GridDataColumnFilterMenuTemplateContext> BuildDateFilterTemplate(string fieldName) =>
_ => b => ctx => b =>
{ {
_filterContexts[fieldName] = ctx;
int s = 0; int s = 0;
b.OpenElement(s++, "div"); b.OpenElement(s++, "div");
b.AddAttribute(s++, "class", "date-filter-menu p-2"); b.AddAttribute(s++, "class", "date-filter-menu p-2");
@@ -322,6 +324,8 @@ public abstract class BandGridBase<TItem> : ComponentBase
}; };
gridRef?.SetFieldFilterCriteria(fieldName, criteria); gridRef?.SetFieldFilterCriteria(fieldName, criteria);
if (_filterContexts.TryGetValue(fieldName, out var ctx))
ctx.FilterCriteria = criteria;
_ = InvokeAsync(StateHasChanged); _ = InvokeAsync(StateHasChanged);
} }

6
DbFirst.BlazorWebApp/wwwroot/app.css
View File

@@ -295,9 +295,3 @@ html.dx-dark .dxbl-grid > .dxbl-grid-top-panel {
.top-row .btn-gap { .top-row .btn-gap {
margin-left: 8px; margin-left: 8px;
} }
/* Date-Filter: nativer Apply/Clear-Footer ausblenden, da Filter sofort bei Datumsauswahl angewendet wird */
/* .dxbl-dropdown-footer ist der korrekte Selektor für das Filter-Dropdown (nicht .dxbl-popup-buttons-area, das ist für modale Popups) */
.dxbl-filter-menu-dropdown-root:has(.date-filter-menu) .dxbl-dropdown-footer {
display: none !important;
}