Add hyperlink to a column without CommandColumn

Thread ID:	Created:	Updated:	Platform:	Replies:
150809	Jan 21,2020 01:23 AM UTC	Jan 21,2020 06:40 AM UTC	Blazor	1

Subscribe to this post

Tags: Grid

Anthony

Asked On January 21, 2020 01:23 AM UTC

Is it possible to add an onClick event to a row cell without using a command column? I want to show a name of a user in a column but be able to open a dialog when the name is clicked?

Reply | Reply with quote

Vignesh Natarajan [Syncfusion]

Replied On January 21, 2020 06:40 AM UTC

Hi Anthony,

Greetings from Syncfusion support.

Query: “I want to show a name of a user in a column but be able to open a dialog when the name is clicked?”

We suggest you to achieve your requirement using Column Template of EjsGrid. Using column template you can render custom component inside the Grid column. We suggest you to render a Span element with click event bounded to it. Refer the below code example.

<EjsGrid DataSource="@Employees">

<GridColumns>

<GridColumn Field="FirstName" HeaderText="Employee Name" TextAlign="TextAlign.Center" Width="120">

<Template>

<span @onclick="Clicked">@(context as EmployeeData).FirstName</span>

}

</Template>

</GridColumn>

. . . . . .. . .

</GridColumns>

</EjsGrid>

@code{

public List<EmployeeData> Employees { get; set; }

public void Clicked(MouseEventArgs Args)

{

// perform your action here, open a dialog here

}

Note: To perform data operations in that column, kindly define Field property of grid column similar to column name.

Refer our UG documentation for your reference

https://ej2.syncfusion.com/blazor/documentation/grid/columns/#column-template

Kindly get back to us if you have further queries.

Regards,

Vignesh Natarajan

Reply | Reply with quote

CONTACT US

Add hyperlink to a column without CommandColumn

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US