LinearGauge JSP Tag Overview
The LinearGauge tag is a server-side wrapper for the Kendo UI LinearGauge widget.
The LinearGauge 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
Configuration
Below are listed the steps for you to follow when configuring the Kendo UI AutoComplete for binding to data, passed as a model attribute in Spring MVC.
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 to render the view.
@RequestMapping(value = {"/", "/index"}, method = RequestMethod.GET)
public String index() {
return "/lineargauge/index";
}
Step 3 Add the LinearGauge.
<kendo:linearGauge name="gauge">
<kendo:linearGauge-pointer value="10" />
<kendo:linearGauge-scale min="0" max="100">
</kendo:linearGauge-scale>
</kendo:linearGauge>
Reference
Existing Instances
You are able to reference an existing LinearGauge instance via the jQuery.data()
. Once a reference is established, you are able to use the LinearGauge API to control its behavior.
//Put this after your Kendo UI LinearGauge tag
<script>
$(function() {
// Notice that the name of the linearGauge is used to get its client-side instance
var gauge = $("#linearGauge").data("kendoLinearGauge");
gauge.value(20);
});
</script>