Grid View for ASP.NET Web Forms - How to Display a Popup Dialog When a User Clicks a Link in a Grid Row

This example shows how to create a grid that contains hyperlinks in one of its columns. When a user clicks a hyperlink, a separate popup dialog (ASPxPopupControl) is shown.

Call the client-side SetContentUrl method to embed a web page to be displayed in the popup.

function ShowDetailPopup(customerID) {
    popup.SetContentUrl('Orders.aspx?id=' + customerID);
    popup.Show();
}
<dx:GridViewDataHyperLinkColumn FieldName="CustomerID" 
                                ReadOnly="True" 
                                VisibleIndex="0">
    <PropertiesHyperLinkEdit NavigateUrlFormatString="javascript:ShowDetailPopup('{0}');"
        Text="Show Orders">
    </PropertiesHyperLinkEdit>
</dx:GridViewDataHyperLinkColumn>

Files to Look At

• Default.aspx (VB: Default.aspx)
• Orders.aspx (VB: Orders.aspx)

Documentation

• ASPxGridView
• ASPxPopupControl

More Examples

• How to show popup by clicking a hyperlink in grid column's DataItemTemplate
• How to show detail information in a separate ASPxGridView
• How to display master-detail tables in two grids on separate tabs of a PageControl
• Popup Control for ASP.NET Web Forms - How to show a pop-up window
• How to display detail data within a popup window using ASPxPopupControl content elements
• GridView - How to open popup on a hyperlink click (MVC)
• How to display detail data within a popup window using ContentUrl (MVC)

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)