CircularGauge JSP Tag Overview
The CircularGauge tag is a server-side wrapper for the Kendo UI CircularGauge widget.
The CircularGauge 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 "/circulargauge/index";
}
Step 3 Add the CircularGauge.
<kendo:circularGauge name="gauge">
<kendo:circularGauge-scale min="0" max="100">
</kendo:circularGauge-scale>
</kendo:circularGauge>
Reference
Existing Instances
You are able to reference an existing CircularGauge instance via the jQuery.data()
. Once a reference is established, you are able to use the CircularGauge API to control its behavior.
//Put this after your Kendo UI CircularGauge tag
<script>
$(function() {
// Notice that the name of the circularGauge is used to get its client-side instance
var gauge = $("#circularGauge").data("kendoCircularGauge");
gauge.value(20);
});
</script>