Switch JSP Tag Overview

The Switch JSP tag is a server-side wrapper for the Kendo UI Switch widget.

Telerik UI for JSP DevCraft image

The Switch is part of Telerik UI for JSP, a professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Getting Started

The Basics

The Switch displays two exclusive choices.

Configuration

Below are listed the steps for you to follow when configuring the Kendo UI Switch in the Spring MVC framework.

Step 1 Make sure you followed all the steps from the introductory article on Telerik UI for JSP.

Step 2 Create a new action method.

    @RequestMapping(value = { "/", "/index" }, method = RequestMethod.GET)
    public String index() {
        return "web/switch/index";
    }

Step 3 Add the Kendo UI taglib mapping to the page.

    <%@taglib prefix="kendo" uri="https://www.telerik.com/kendo-ui/jsp/tags"%>

Step 4 Add a switch tag.

<kendo:switchButton name="switch">
</kendo:switchButton>

Event Handling

Subscribe to Events

You can subscribe to all events exposed by Kendo UI Switch by the handler name.

<kendo:switchButton name="switch" change="switchOnChange">
</kendo:switchButton>

<script>
function switchOnChange(e) {
    kendoConsole.log("Change :: checked: " + e.checked);
}
</script>

Reference

Existing Instances

You are able to reference an existing Switch instance through jQuery.data(). Once a reference is established, you are able to use the Switch API to control its behavior.

// Place this after your Kendo UI Switch tag declaration.
<script>
    $(function() {
        // Notice that the name attribute of the Switch is used to get its client-side instance.
        var switch = $("#switch").data("kendoSwitch");
    });
</script>

See Also

In this article