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:JavaScriptvar 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._kendo.jQueryreference that has the Kendo widget data:JavaScriptvar kendoStepper = $telerik._kendo.jQuery("#<%=RadStepper1.ClientID %>").data("kendoStepper");
As of the 2026 Q1 release, Kendo jQuery widget plugins and data are registered on
$telerik._kendo.jQuery— a different jQuery instance from$telerik.$. If you use$telerik.$with.data("kendoXxx"), it will returnundefined. Always use$telerik._kendo.jQuerywhen accessing the underlying Kendo widget via the.data()method. The recommended approach, however, is to use theget_kendoWidget()method shown above.
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 |