kevin/BlazorDeepDive
1
0
Fork 0
Code

Pass selected city as parameter to Server List Component.

Browse Source
This commit is contained in:
Kevin Matsubara 2025-03-27 00:18:16 +01:00
parent 9d72279631
commit a6dea2bc3a
2 changed files with 31 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ServerManagement/Components/Controls/ServerListComponent.razor
View File

@ -1,6 +1,8 @@
@inject NavigationManager NavigationManager @inject NavigationManager NavigationManager
<ul> @if (this.servers != null && this.servers.Count > 0)
{
<ul>
<Virtualize Items="this.servers" Context="server"> <Virtualize Items="this.servers" Context="server">
<li @key="server.Id"> <li @key="server.Id">
@server.Name in @server.City is @server.Name in @server.City is
@ -18,10 +20,18 @@
</EditForm> </EditForm>
</li> </li>
</Virtualize> </Virtualize>
</ul> </ul>
}
@code { @code {
private List<Server> servers = ServersRepository.GetServersByCity("Eindhoven"); [Parameter]
public string? CityName { get; set; }
private List<Server>? servers;
protected override void OnParametersSet()
{
servers = ServersRepository.GetServersByCity(CityName ?? "Eindhoven");
}
private void DeleteServer(int serverId) private void DeleteServer(int serverId)
{ {

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

@ -33,7 +33,7 @@
<a href="@($"/servers/add")" class="btn btn-primary">Add</a> <a href="@($"/servers/add")" class="btn btn-primary">Add</a>
<br/> <br/>
<ServerListComponent></ServerListComponent> <ServerListComponent CityName="@this.selectedCity"></ServerListComponent>
@code { @code {
private List<string> cities = ServersRepository.GetCities(); private List<string> cities = ServersRepository.GetCities();
@ -52,7 +52,6 @@
private void SelectCity(string cityName) private void SelectCity(string cityName)
{ {
this.selectedCity = cityName; this.selectedCity = cityName;
//this.servers = ServersRepository.GetServersByCity(this.selectedCity);
} }
private void HandleSearch() private void HandleSearch()