kevin/BlazorDeepDive
1
0
Fork 0
Code

Clear search filter on city change using a component reference.

Browse Source
This commit is contained in:
Kevin Matsubara 2025-03-27 21:47:21 +01:00
parent b14af7616e
commit 8a39b661cb
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ServerManagement/Components/Controls/SearchBarComponent.razor
View File

@ -22,4 +22,9 @@
{ {
FilterSearchTerm.InvokeAsync(serverFilter); FilterSearchTerm.InvokeAsync(serverFilter);
} }
public void ClearFilter()
{
this.serverFilter = string.Empty;
}
} }

6
ServerManagement/Components/Pages/Servers.razor
View File

@ -6,7 +6,7 @@
<br/> <br/>
<CityListComponent @ref="cityListComponent" SelectCityCallBack="HandleCitySelection"></CityListComponent> <CityListComponent @ref="cityListComponent" SelectCityCallBack="HandleCitySelection"></CityListComponent>
<br/> <br/>
<SearchBarComponent FilterSearchTerm="HandleSearch"></SearchBarComponent> <SearchBarComponent @ref="searchBarComponent" FilterSearchTerm="HandleSearch"></SearchBarComponent>
<br/> <br/>
<a href="@($"/servers/add")" class="btn btn-primary">Add</a> <a href="@($"/servers/add")" class="btn btn-primary">Add</a>
<br/> <br/>
@ -21,11 +21,13 @@
private string selectedCity = "Eindhoven"; private string selectedCity = "Eindhoven";
private string searchFilter = ""; private string searchFilter = "";
private CityListComponent? cityListComponent; private CityListComponent? cityListComponent;
private SearchBarComponent? searchBarComponent;
private void HandleCitySelection(string cityName) private void HandleCitySelection(string cityName)
{ {
this.searchFilter = string.Empty;
this.selectedCity = cityName; this.selectedCity = cityName;
this.searchFilter = string.Empty;
searchBarComponent?.ClearFilter();
} }
private void HandleSearch(string searchFilter) private void HandleSearch(string searchFilter)