This example illustrates how to use the MVCxGridViewColumn.SetDataItemTemplateContent method to display a hyperlink in a grid column. The hyperlink parameters (text, navigate url) are calculated based on the template's container. The code below creates the hyperlink:
C#
settings.Columns.Add(column => {
column.Caption = "Details";
column.SetDataItemTemplateContent(container => {
Html.DevExpress().HyperLink(hyperlink => {
var visibleIndex = container.VisibleIndex;
var keyValue = container.KeyValue;
var lastName = DataBinder.Eval(container.DataItem, "LastName");
hyperlink.Name = "hl" + keyValue.ToString();
hyperlink.Properties.Text = lastName.ToString();
hyperlink.NavigateUrl = Url.Action("Details", "Home", new { id = keyValue });
}).Render();
});
});Visual Basic
settings.Columns.Add( _
Sub(column)
column.Caption = "Details"
column.SetDataItemTemplateContent( _
Sub(container)
Html.DevExpress().HyperLink( _
Sub(hl)
Dim visibleIndex = container.VisibleIndex
Dim keyValue = container.KeyValue
Dim lastName = DataBinder.Eval(container.DataItem, "LastName")
hl.Name = "hl" + keyValue.ToString()
hl.Properties.Text = lastName.ToString()
hl.NavigateUrl = Url.Action("Details", "Home", New With {.id = keyValue})
End Sub).Render()
End Sub)
End Sub)- HomeController.cs (VB: HomeController.vb)
- Details.cshtml (VB: Details.vbhtml)
- GridViewPartial.cshtml (VB: GridViewPartial.vbhtml)
- Index.cshtml (VB: Index.vbhtml)
- Grid View for ASP.NET Web Forms - How to show a popup when a user clicks a hyperlink in a grid column's DataItemTemplate
- Grid View for APS.NET MVC - How to use the jQuery.ajax function with DevExpress MVC extensions
(you will be redirected to DevExpress.com to submit your response)