QRCode JSP Tag Overview

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

Getting Started

Configuration

Below are listed the steps for you to follow when configuring the Kendo UI QRCode.

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 "/dataviz/qrcode/index";
    }

Step 3 Add a qrcode tag.

    <kendo:qRCode name="qrcode" value="foo" >
    </kendo:qRCode>

Step 4 Choose the appropriate error correction level and encoding.

    <kendo:qRCode name="qrcode" value="foo" errorCorrection="H" encoding="UTF_8"  >
    </kendo:qRCode>

Reference

Existing Instances

You are able to reference an existing QRCode instance via jQuery.data(). Once a reference is established, you are able to use the QRCode API to control its behavior.

    //Put this after your Kendo QRCode tag
    <script>
    $(function() {
        // Notice that the name of the qrcode is used to get its client-side instance
        var qrcode = $("#qrcode").data("kendoQRCode");
        qrcode.value("bar");
    });
    </script>

See Also

In this article