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