Edit Data

• Jun 18, 2021

Run Demo

Follow the steps below to allow users to edit data:

1. Specify the ASPxGridBase.KeyFieldName property.

2. Use the Mode property to specify the control’s edit mode. The default mode is EditForm.

3. Add the command layout item (CardViewCommandLayoutItem) to the control’s layout.

4. Add command buttons.

   Command Button	Setting
   Delete	ShowDeleteButton
   Edit	ShowEditButton
   New	ShowNewButton
   Recover	ShowRecoverButton
   Select (button)	ShowSelectButton
   Select (check box)	ShowSelectCheckbox

ASPX

<dx:ASPxCardView ID="CardView" runat="server">
    <Columns>
        <dx:CardViewTextColumn FieldName="FirstName" />
        <dx:CardViewTextColumn FieldName="LastName" />
        <dx:CardViewTextColumn FieldName="Title" Caption="Position" />
    </Columns>
    <CardLayoutProperties>
        <Items>
            <dx:CardViewCommandLayoutItem 
                ShowEditButton="true" 
                ShowNewButton="true" 
                ShowDeleteButton="true" 
                HorizontalAlign="Right" />
            <dx:CardViewColumnLayoutItem ColumnName="FirstName" />
            <dx:CardViewColumnLayoutItem ColumnName="LastName" />
            <dx:CardViewColumnLayoutItem ColumnName="Title" />
        </Items>
    </CardLayoutProperties>
</dx:ASPxCardView>

You can use the ASPxGridDataSecuritySettings.AllowEdit, ASPxGridDataSecuritySettings.AllowDelete and ASPxGridDataSecuritySettings.AllowInsert properties to restrict edit, delete, and insert operations.

ASPX

<dx:ASPxCardView ID="CardView" runat="server">
    ...
    <SettingsDataSecurity AllowDelete="false" AllowEdit="false" AllowInsert="false" />
</dx:ASPxCardView>