Skip to main content

ASPxClientSpinEdit.NumberChanged Event

Occurs on the client when a user changes the editor’s value.


NumberChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientSpinEdit>>

Event Data

The NumberChanged event's data class is ASPxClientProcessingModeEventArgs. The following properties provide information specific to this event:

Property Description
processOnServer Specifies whether or not to process the event on the server.


The NumberChanged event occurs when the editor’s value is changed by an end user typing in a new value, or by clicking any spin button.


When an end user types in the editor’s text box, the editor value is not changed (and the NumberChanged event is not raised) until the value is confirmed by pressing the ENTER key, or by moving focus out of the editor.


The following example calculates a summary in the CategoryID column based on the value in the ASPxSpinEdit below it.

When an end user changes a spin editor value, the editor sends a custom callback to the server in the client-side NumberChanged event handler. In the server-side SummaryDisplayText event handler, the grid calculates the summary value and sets it to the e.Text parameter.

View Example

<head runat="server">
    <form id="form1" runat="server">
        <dx:ASPxCardView ID="ASPxCardView1" KeyFieldName="CategoryID" OnSummaryDisplayText="ASPxCardView1_SummaryDisplayText" AutoGenerateColumns="False" ClientInstanceName="grid" DataSourceID="AccessDataSource1" runat="server">
            <Settings ShowSummaryPanel="True" />
                <dx:CardViewTextColumn FieldName="CategoryID" ReadOnly="True" VisibleIndex="0">
                <dx:CardViewTextColumn FieldName="CategoryName" VisibleIndex="1">
                <dx:CardViewTextColumn FieldName="Description" VisibleIndex="2">
                <dx:ASPxCardViewSummaryItem FieldName="CategoryID" SummaryType="Sum" />
        <br />
        <dx:ASPxSpinEdit ID="ASPxSpinEdit1" runat="server" Number="0" Height="21">
        <ClientSideEvents NumberChanged="function(s, e) {
        }" />

    <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/nwind.mdb"
        SelectCommand="SELECT * FROM [Categories]"></asp:AccessDataSource>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

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

    protected void ASPxCardView1_SummaryDisplayText(object sender, DevExpress.Web.ASPxCardViewSummaryDisplayTextEventArgs e) {
        if (e.Item.FieldName == "CategoryID")
            e.Text = string.Format("Sum = {0}", Convert.ToDouble(e.Value) * Convert.ToDouble(ASPxSpinEdit1.Value));
See Also