Hyperlink in datagrid

Radzen.Blazor Components
1

Hello all,

Is it possible to add a hyperlink inside a datagrid column element, and associate it with a function call, similar functionality to @onclick... . ?
If possible to add a hyperlink, how to accomplish it?

Thanks in advance!

2

Yes, it is possible - just add the hyperlink and assign its @onclick attribute. You can pass the Template context as an argument:

<RadzenDataGrid TItem="Order" Data=@orders>
<Columns>
<RadzenDataGridColumn TItem="Order">
   <Template Context="order">
       <a @onclick="@(() => OnLinkClick(order))">Click</a>
   </Template>
</RadzenDataGridColumn>]
</Columns>
</RadzenDataGrid>
@code {
   void OnLinkClick(Order order)
   {
   }
}
3

Great.
Thanks a lot for your reply!

4

Hello. I followed your code.
The @onclick works but when I hover over 'Click' it won't display the hyperlink.
Could you please advice?
Thanks

1 Like
5

You will need to add an href attribute, it should show the link on hover.
<a @onclick="@(() => OnLinkClick(order))" href=" ">Click

6

Hi,
is it possibile to show the name of the property binded to the radzen grid?

<RadzenDataGridColumn TItem="MyPersonalData" Property="Identifier" Title="Identificativo" Width="150px">
  <Template Context="MyPersonalData">
    <a @onclick="@(() => OnLinkClick(personalData))">Identifier</a>
    </Template>
</RadzenDataGridColumn>

?
What it's supposed to show is the Identifier and this one should be click-able

7

Try this:

<Template Context="personalData">
    <a @onclick="@(() => OnLinkClick(personalData))">@personalData.Identifier</a>
</Template>
1 Like
8

Thank you very much! Problem was in the Template Context