New to Kendo UI for jQuery? Start a free 30-day trial

Select

events

Fires when the user clicks on a Step to select it.

select

Event Data

e.originalEvent `Object`

The original DOM event.

e.sender `kendo.ui.Stepper`

The Stepper instance that triggered the event.

e.step `kendo.stepper.Step`

The Step instance that is about to be selected.

e.preventDefault `Function`

If invoked prevents the selection.

<nav id="stepper" style="height:400px"></nav>

<script>
    var stepper = $("#stepper").kendoStepper({
        steps: [{
            label: "Initial step"
        }, {
            label: "Second step"
        },{
            label: "Third step"
        }],
        select: function(e) {
            // The Stepper will not allow user selection
            e.preventDefault();
        }
    });
</script>

Select

select

Event Data

e.originalEvent Object

e.sender kendo.ui.Stepper

e.step kendo.stepper.Step

e.preventDefault Function

e.originalEvent `Object`

e.sender `kendo.ui.Stepper`

e.step `kendo.stepper.Step`

e.preventDefault `Function`