Current filter:
          You should refresh the page.
          Not Logged In

          Custom client-side logic implementation in the grid with multi-row editing

          0

          Custom logic implemented in this example allows the end-user to select a limited number of named columns via comboboxes. The maximum number of columns the user can select is defined by a numeric column value, which he can also change. The only callback is used to post the entire grid page data.
          To work in multi-row-edit mode, scripts and ClientInstanceName property values are generated programmatically.

          See Also:
          Multi-Row Editing
          How to implement the multi-row editing feature in the ASPxGridView

          Leave a comment
          You must  log in  or  register  to leave comments
          Select file
          • Default.aspx
          • Default.aspx.cs
          Select language
          • C#
          • VB.NET
          Select version
          • v2009 vol 1.2 - v2012 vol 1.2
          <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="DevExpress.Web.ASPxGridView.v9.1, Version=9.1.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxGridView" TagPrefix="dxwgv" %>
<%@ Register Assembly="DevExpress.Web.ASPxEditors.v9.1, Version=9.1.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dxe" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
<script type="text/javascript">
function RefreshRow(vi){
    var tbNum = eval('tbNum'+vi);
    var num = tbNum.GetText();
    var codes = grid.cpCodes;
    var used = 0;
    var cboxes = new Array(codes.length);
    for(var i=0; i<codes.length; i++){
        var cbx = eval('cbx_'+codes.charAt(i)+vi);
        cboxes[i] = cbx;
        if(cbx.GetValue()) used++;
    }
    for(var i=0; i<codes.length; i++){
        var cbx = cboxes[i];
        cbx.SetEnabled(cbx.GetValue()||(used<num));
    }
}
</script>
    <form id="form1" runat="server">
    <div>
              
<!--region #Markup-->
        <dxwgv:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False"
            KeyFieldName="ID" Width="599px" ClientInstanceName="grid" OnCustomCallback="ASPxGridView1_CustomCallback">
            <Columns>
                <dxwgv:GridViewDataTextColumn FieldName="ID" ReadOnly="True" VisibleIndex="0">
                    <EditFormSettings Visible="False" />
                </dxwgv:GridViewDataTextColumn>
                <dxwgv:GridViewDataTextColumn FieldName="Num" VisibleIndex="1">
                    <DataItemTemplate>
                        <dxe:ASPxTextBox ID="txtBox" Width="100px" runat="server" Value='<%# Eval("Num")%>' ClientSideEvents-ValueChanged='<%# "function(s,e){RefreshRow("+Container.VisibleIndex+");}" %>' ClientInstanceName='<%# "tbNum"+Container.VisibleIndex.ToString() %>'></dxe:ASPxTextBox>
                    </DataItemTemplate>
                </dxwgv:GridViewDataTextColumn>
            </Columns>
        </dxwgv:ASPxGridView>
<!--endregion #Markup-->
           
        <dxe:ASPxButton ID="ASPxButton1" runat="server" AutoPostBack="False" Text="Post Modifications"
            Width="217px">
            <ClientSideEvents Click="function(s, e) {
	grid.PerformCallback('post');
}" />
        </dxe:ASPxButton>
    </div>
    </form>
</body>
</html>