New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial
Overview
Updated over 6 months ago
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:
JavaScript
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.$jQuery reference:JavaScriptvar 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 |