Back to Devexpress

How to: Create an ASPxCardView at Runtime

aspnet-114323-components-card-view-examples-how-to-create-an-aspxcardview-at-runtime.md

latest872 B
Original Source

How to: Create an ASPxCardView at Runtime

  • Dec 17, 2020

The following example creates and initializes an ASPxCardView at runtime.

csharp
protected void Page_Load(object sender, EventArgs e)
{
    ASPxCardView cv1 = new ASPxCardView();
    cv1.ID = "ASPxCardView1";
    cv1.KeyFieldName = "ProductID";
    Page.Form.Controls.Add(cv1);
    cv1.SettingsBehavior.AllowFocusedCard = true;
    cv1.DataSourceID = "SqlDataSource1";
    cv1.DataBind();
}
aspx
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="Provider=Microsoft.Jet.OLEDB.4.0;
    Data Source=|DataDirectory|\nwind.mdb;Persist Security Info=True" ProviderName="System.Data.OleDb" 
    SelectCommand="SELECT [ProductID], [ProductName], [UnitPrice] FROM [Products]">
</asp:SqlDataSource>