CardViewColumn.ReadOnly Property

Gets or sets whether end-users are allowed to edit the column’s cell values.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v19.1.dll

Declaration

C#

[DefaultValue(false)]
public virtual bool ReadOnly { get; set; }

VB.NET

<DefaultValue(False)>
Public Overridable Property ReadOnly As Boolean

Property Value

Type	Default	Description
Boolean	**false**	true if end-users are not allowed to modify the column’s cell values; otherwise, false.

Remarks

If the ReadOnly property is set to true, the column’s cell values cannot be changed by end-users.

Example

This example illustrates how to handle the AfterPerformCallback event to perform simple actions depending on the callback type.

Note

A complete sample project is available at https://github.com/DevExpress-Examples/aspxcardview-how-to-handle-the-aspxcardviewafterperformcallback-event-t281534

Default.aspx (C#)

<dx:ASPxCardView ID="ASPxCardView1" runat="server" ClientInstanceName="cardview" DataSourceID="AccessDataSource1" OnAfterPerformCallback="ASPxCardView1_AfterPerformCallback" KeyFieldName="CustomerID" AutoGenerateColumns="False">
<Columns>
    <dx:CardViewTextColumn FieldName="CompanyName" VisibleIndex="1">
    </dx:CardViewTextColumn>
    <dx:CardViewTextColumn FieldName="ContactName" VisibleIndex="2">
    </dx:CardViewTextColumn>
    <dx:CardViewTextColumn FieldName="City" VisibleIndex="5">
    </dx:CardViewTextColumn>
    <dx:CardViewTextColumn FieldName="Region" VisibleIndex="6">
    </dx:CardViewTextColumn>
    <dx:CardViewTextColumn FieldName="Country" VisibleIndex="8">
    </dx:CardViewTextColumn>
</Columns>
<CardLayoutProperties>
    <Items>
        <dx:CardViewCommandLayoutItem HorizontalAlign="Right" ShowSelectCheckbox="True" ShowEditButton="True">
        </dx:CardViewCommandLayoutItem>
        <dx:CardViewColumnLayoutItem ColumnName="Company Name">
        </dx:CardViewColumnLayoutItem>
        <dx:CardViewColumnLayoutItem ColumnName="Contact Name">
        </dx:CardViewColumnLayoutItem>
        <dx:CardViewColumnLayoutItem ColumnName="City">
        </dx:CardViewColumnLayoutItem>
        <dx:CardViewColumnLayoutItem ColumnName="Region">
        </dx:CardViewColumnLayoutItem>
        <dx:CardViewColumnLayoutItem ColumnName="Country">
        </dx:CardViewColumnLayoutItem>
        <dx:EditModeCommandLayoutItem HorizontalAlign="Right">
        </dx:EditModeCommandLayoutItem>
    </Items>
</CardLayoutProperties>
</dx:ASPxCardView>       
<br />
<dx:ASPxButton ID="ASPxButton1" AutoPostBack="False" runat="server" Text="Custom Callback">
    <ClientSideEvents Click="function(s, e) {
        cardview.PerformCallback(); 
    }" />
</dx:ASPxButton>
<asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/nwind.mdb"
    SelectCommand="SELECT * FROM [Customers]" />

Default.aspx.cs

using DevExpress.Web;


public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void ASPxCardView1_AfterPerformCallback(object sender, ASPxCardViewAfterPerformCallbackEventArgs e)
    {
        if (e.CallbackName == "STARTEDIT")
        {
            ASPxCardView1.Columns[0].ReadOnly = true;            
        }

        if (e.CallbackName == "CUSTOMCALLBACK")
        {
            ASPxCardView1.Selection.UnselectAll();
        }
    }
}

Default.aspx.vb

Imports DevExpress.Web


Partial Public Class _Default
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)

    End Sub
    Protected Sub ASPxCardView1_AfterPerformCallback(ByVal sender As Object, ByVal e As ASPxCardViewAfterPerformCallbackEventArgs)
        If e.CallbackName = "STARTEDIT" Then
            ASPxCardView1.Columns(0).ReadOnly = True
        End If

        If e.CallbackName = "CUSTOMCALLBACK" Then
            ASPxCardView1.Selection.UnselectAll()
        End If
    End Sub
End Class

Default.aspx (VB.NET)

<dx:ASPxCardView ID="ASPxCardView1" runat="server" ClientInstanceName="cardview" DataSourceID="AccessDataSource1" OnAfterPerformCallback="ASPxCardView1_AfterPerformCallback" KeyFieldName="CustomerID" AutoGenerateColumns="False">
<Columns>
    <dx:CardViewTextColumn FieldName="CompanyName" VisibleIndex="1">
    </dx:CardViewTextColumn>
    <dx:CardViewTextColumn FieldName="ContactName" VisibleIndex="2">
    </dx:CardViewTextColumn>
    <dx:CardViewTextColumn FieldName="City" VisibleIndex="5">
    </dx:CardViewTextColumn>
    <dx:CardViewTextColumn FieldName="Region" VisibleIndex="6">
    </dx:CardViewTextColumn>
    <dx:CardViewTextColumn FieldName="Country" VisibleIndex="8">
    </dx:CardViewTextColumn>
</Columns>
<CardLayoutProperties>
    <Items>
        <dx:CardViewCommandLayoutItem HorizontalAlign="Right" ShowSelectCheckbox="True" ShowEditButton="True">
        </dx:CardViewCommandLayoutItem>
        <dx:CardViewColumnLayoutItem ColumnName="Company Name">
        </dx:CardViewColumnLayoutItem>
        <dx:CardViewColumnLayoutItem ColumnName="Contact Name">
        </dx:CardViewColumnLayoutItem>
        <dx:CardViewColumnLayoutItem ColumnName="City">
        </dx:CardViewColumnLayoutItem>
        <dx:CardViewColumnLayoutItem ColumnName="Region">
        </dx:CardViewColumnLayoutItem>
        <dx:CardViewColumnLayoutItem ColumnName="Country">
        </dx:CardViewColumnLayoutItem>
        <dx:EditModeCommandLayoutItem HorizontalAlign="Right">
        </dx:EditModeCommandLayoutItem>
    </Items>
</CardLayoutProperties>
</dx:ASPxCardView>       
<br />
<dx:ASPxButton ID="ASPxButton1" AutoPostBack="False" runat="server" Text="Custom Callback">
    <ClientSideEvents Click="function(s, e) {
        cardview.PerformCallback(); 
    }" />
</dx:ASPxButton>
<asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/nwind.mdb"
    SelectCommand="SELECT * FROM [Customers]" />