LinearGauge JSP Tag Overview

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

Telerik UI for JSP DevCraft image

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>

See Also

In this article