Card View for ASP.NET Web Forms - How to display detail data in a pop-up window

In this example, ASPxCardView contains a hyperlink column.

<dx:CardViewHyperLinkColumn FieldName="CustomerID" >
    <PropertiesHyperLinkEdit NavigateUrlFormatString="javascript:ShowDetailPopup('{0}');" />
</dx:CardViewHyperLinkColumn>

When a user clicks a hyperlink, a pop-up window opens that displays detail data: orders of the current customer. The SetContentUrl method specifies the web page (Orders.aspx) to be displayed in the window and the query parameter (customerID) to select data from the database.

function ShowDetailPopup(customerID) {
    popup.SetContentUrl('Orders.aspx?id=' + customerID);
    popup.SetHeaderText(customerID);
    popup.Show();
}

Files to Review

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