New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Overview

This article lists the client-side API of RadStepper and shows how to use it.

To use the API, you must first get a reference to the control's client-side object. For example:

var stepper = $find("<%=RadStepper1.ClientID %>");

RadStepper is a server-side wrapper over the Kendo UI Stepper Widget. Thus, it exposes the API of the underlying Kendo widget. To get a reference to the Kendo widget instance, you can do either of the following:

  • Use the get_kendoWidget() method of the MS AJAX wrapper:

    JavaScript

    var stepperObject  = $find("<%=RadStepper1.ClientID %>"); //the standard script control object
    var kendoStepper = stepperObject.get_kendoWidget(); //the Kendo widget
    
  • Get the Kendo Widget in its usual way. Make sure to use the $telerik.$ jQuery reference:

    JavaScript

    var kendoStepper = $telerik.$("#<%=RadStepper1.ClientID %>").data("kendoStepper"); 
    

In addition to using the Kendo methods directly, you can also use their wrappers that follow the MS AJAX convention through the RadStepper client object.

Table1: Client-side methods exposed by the MS AJAX RadStepper object

Name PARAMETERS RETURN TYPE DESCRIPTION
next Selects the step which is immediately after the currently selected step.
previous Selects the step which is immediately before the currently selected step.
get_selected object Gets the currently selected Step
set_selected number Sets the currently selected Step by its index
get_steps array Gets array of all Steps

See Also

In this article