Switch JSP Tag Overview
The Switch JSP tag is a server-side wrapper for the Kendo UI Switch widget.
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>