select

Fires when the user clicks on the Stepper or clicks on "Previous"/"Next" action Buttons to select another step.

Event Data

e.originalEvent Object

The original DOM event.

e.sender kendo.ui.Wizard

The Wizard instance that triggered the event.

e.step kendo.wizard.Step

The Step instance that is about to be selected.

e.button kendo.ui.Button

The Button instance that has been clicked in order to navigate to a new step. Not present if the selection is made using the Stepper widget.

e.stepper kendo.ui.Stepper

The Stepper instance that has been clicked in order to navigate to a new step. Not present if the selection is made using one of the action Buttons.

e.preventDefault Function

If invoked prevents the selection.

Example

<div id="wizard"></div>

<script>
    $("#wizard").kendoWizard({
        steps: [{
            title: "Initial step"
        },{
            title: "Second step"
        }],
        select: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
            console.log(e.button);
/* The result can be observed in the DevTools(F12) console of the browser. */
            console.log(e.stepper);
            e.preventDefault();
        }
    });
</script>