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

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

@ -1,27 +1,37 @@
@inject NavigationManager NavigationManager @inject NavigationManager NavigationManager
<ul> @if (this.servers != null && this.servers.Count > 0)
<Virtualize Items="this.servers" Context="server"> {
<li @key="server.Id"> <ul>
@server.Name in @server.City is <Virtualize Items="this.servers" Context="server">
<span style="color:@(server.IsOnline ? "green" : "red")"> <li @key="server.Id">
@(server.IsOnline ? "online" : "offline") @server.Name in @server.City is
</span>; <span style="color:@(server.IsOnline ? "green" : "red")">
&nbsp; @(server.IsOnline ? "online" : "offline")
<a href="@($"/servers/{server.Id}")" class="btn btn-primary">Edit</a> </span>;
&nbsp; &nbsp;
<EditForm <a href="@($"/servers/{server.Id}")" class="btn btn-primary">Edit</a>
Model="server" &nbsp;
FormName="@($"formDeleteServer{server.Id}")" <EditForm
OnValidSubmit="@(() => { DeleteServer(server.Id); })"> Model="server"
<button type="submit" class="btn btn-danger">Delete</button> FormName="@($"formDeleteServer{server.Id}")"
</EditForm> OnValidSubmit="@(() => { DeleteServer(server.Id); })">
</li> <button type="submit" class="btn btn-danger">Delete</button>
</Virtualize> </EditForm>
</ul> </li>
</Virtualize>
</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()