ContextQMD
Back to Devexpress

How to: Switch ASPxGridView to an Edit Mode by Double-Clicking a Row

aspnet-4225-components-grid-view-examples-how-to-switch-aspxgridview-to-an-edit-mode-by-double-clicking-a-row.md

latest1.4 KB
Original Source

How to: Switch ASPxGridView to an Edit Mode by Double-Clicking a Row

  • Dec 17, 2020

This example shows how to switch ASPxGridView to an edit mode by double-clicking a data row. To do this, handle the ASPxClientGridView.RowDblClick client-side event and call the ASPxClientGridView.StartEditRow method.

aspx
<dxwgv:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False"
    ClientInstanceName="grid" DataSourceID="AccessDataSource1" KeyFieldName="ProductID">
    <ClientSideEvents RowDblClick="function(s, e) {
        s.StartEditRow(e.visibleIndex);
    }" />
    <Columns>
        <dxwgv:GridViewDataTextColumn FieldName="ProductID" ReadOnly="True" VisibleIndex="0">
            <EditFormSettings Visible="False" />
        </dxwgv:GridViewDataTextColumn>
        <dxwgv:GridViewDataTextColumn FieldName="ProductName" VisibleIndex="1">
        </dxwgv:GridViewDataTextColumn>
        <dxwgv:GridViewDataTextColumn FieldName="UnitPrice" VisibleIndex="2">
        </dxwgv:GridViewDataTextColumn>
        <dxwgv:GridViewDataTextColumn FieldName="UnitsOnOrder" VisibleIndex="3">
        </dxwgv:GridViewDataTextColumn>
    </Columns>
</dxwgv:ASPxGridView>