I am trying to customize the link of a MudLink in a MudTable.
This works:
<MudTable Items="@TicketList" >
<RowTemplate>
<MudTd DataLabel="Subject">@context.Subject</MudTd>
</RowTemplate>
</MudTable>
But this does not: (Compiler error: The name 'context' does not exist in the current context.)
<MudTable Items="@TicketList" >
<RowTemplate>
<MudTd DataLabel="Subject"><MudLink Href="/ticket/Edit/@context.Id">@context.Subject</MudLink></MudTd>
</RowTemplate>
</MudTable>
How do I generate the Href in the MudLink based on the row's bound data?
1 Answer
I don't see how the code you've posted could result in the error you mentioned. The error you'd get when trying <MudLink Href="/ticket/Edit/@context.Id"> is something like this: "Component attributes do not support complex content (mixed C# and markup)...". Instead, you should do: <MudLink Href="@($"/ticket/Edit/{context.Id}")">.
Here's a demo that works:
<MudTable Items="@this.tickets">
<HeaderContent>
<MudTh>Id</MudTh>
<MudTh>Subject</MudTh>
<MudTh>Link</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd DataLabel="Id">
@context.Id
</MudTd>
<MudTd DataLabel="Subject">
@context.Subject
</MudTd>
<MudTd DataLabel="Link">
<MudLink Href="@($"/ticket/Edit/{context.Id}")">@context.Id</MudLink>
</MudTd>
</RowTemplate>
</MudTable>
@code {
private List<Ticket> tickets = new();
protected override void OnInitialized()
{
this.tickets = new List<Ticket>
{
new() { Id = "123", Subject = "mu" },
new() { Id = "456", Subject = "foo" }
};
}
public class Ticket
{
public string Id { get; set; }
public string Subject { get; set; }
}
}
Try online:
