Modificar en linea Grid

Hola como estan.

Tenia una consulta alquien sabe como modificar en linea estoy trabajando con devExpress

hasta el momento tengo como quia el ejemplo que ellos muestran es el siquiente link:
https://demos.devexpress.com/ASPxGridViewDemos/GridEditing/EditModes.aspx

El problema con ese ejemplo es que no muestran el codigo de como modificar en linea talvez puedan ayudarme o orientarme en que puedo hacer.

Mi codigo es el siquiente

Código

<dx:ASPxGridView ID="grid" ClientInstanceName="grid" runat="server" DataSourceID="SqlDataSource1"
                                            KeyFieldName="CustomerID" Width="100%" Theme="Material">
                                            <Columns>
                                                <dx:GridViewCommandColumn ShowEditButton="true" VisibleIndex="0" Caption="Editar"/>
                                                <dx:GridViewDataColumn FieldName="primerN" VisibleIndex="1" Caption="Primer nombre">
                                                    <EditFormSettings VisibleIndex="0" />
                                                </dx:GridViewDataColumn>
                                                <dx:GridViewDataColumn FieldName="segundoN" VisibleIndex="2" />
                                                <dx:GridViewDataColumn FieldName="primerA" VisibleIndex="3" />
                                            </Columns>
                                            <SettingsPopup>
                                                <EditForm Width="600" />
                                            </SettingsPopup>
                                            <SettingsBehavior AllowSelectByRowClick="true" />
                                        </dx:ASPxGridView>

Saludos.