Edit this page

LinearGauge JSP Tag Overview

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

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.

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

Step 3 Add the LinearGauge.

Example
     <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.

Example
    //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>

See Also

Other articles on Telerik UI for JSP and on the LinearGauge:

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy