Skip to main content

ASPxClientEdit.AttachEditorModificationListener(handler, predicate) Method

Attaches a handler to the ASPxClientEdit‘s event indicating whether the editor has been changed since the previous state.


static AttachEditorModificationListener(
    handler: any,
    predicate: ASPxClientControlPredicate
): void


Name Type Description
handler any

An object representing a handler.

predicate ASPxClientControlPredicate

An ASPxClientControlPredicate object representing the predicate criteria.


Use the AttachEditorModificationListener method to attach a handler to the ASPxClientEdit‘s event, indicating whether the editor’s value has been changed since the previous state. The following editor’s changes are considered by the AttachEditorModificationListener method:

Editor Event
ASPxClientEdit ASPxClientEdit.ValueChanged
ASPxClientListEdit ASPxClientListEdit.SelectedIndexChanged
ASPxClientTextEdit ASPxClientTextEdit.UserInput

To detach the handler from the editor’s event if the editor meets the predicate criteria, use the ASPxClientEdit.DetachEditorModificationListener method.

function onControlsInitialized() {
    ASPxClientEdit.AttachEditorModificationListener(onEditorsChanged, function(control) {
            return control.GetParentControl() === FormLayout // Gets standalone editors nested inside the form layout control
    ASPxClientUtils.AttachEventToElement(window, "beforeunload", onBeforeUnload);
    state = ASPxClientUtils.GetEditorValuesInContainer(FormLayout.GetMainElement());
function onEditorsChanged(s, e) {
    isDirty = true;


Online demo To review the full code example mentioned above, refer to the Data Editors - Detecting Changes (Web Forms) or Data Editors - Detecting Changes (MVC) online demos.

See Also