Cancel the change event

[Eric]

How would one go about cancelling the change event?

I need to check a variable when the change event is fired and depending upon the variable value:

1. prevent the change event from bubbling/cancel the event 
2. maintain the selected state of any rows that were selected prior to the change event firing

Any help would be appreciated.

[Vladimir Iliev]

Hi Eric,

 
Basically you can prevent events using the jQuery .preventDefault() method.

Also please note that preventing the change event wont prevent loosing the current selection, however this can be achieved by using function like the following:

function onChangeEvent() {
           if (lastSelection == null) {
               // Saves first selection
               lastSelection = $("#grid .k-state-selected");
           }
           else {

               if (selectionValidation()) {
                   // Saves last confirmed selection
                   lastSelection = $("#grid .k-state-selected");
                   return;
               }
               else {
                   // Clear current selection, and return to last saved selection
                   $(this.select()).removeClass("k-state-selected");
                   $(lastSelection).addClass("k-state-selected");
               }
           }
       }

       function selectionValidation() {
           // Place your validation logic here
           return confirm("Change selection");
       }

Kind Regards,
Vladimir Iliev
the Telerik team