Book Image

Kendo UI Cookbook

By : Sagar Ganatra
Book Image

Kendo UI Cookbook

By: Sagar Ganatra

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Kendo UI Cookbook
Sagar Ganatra
Jun, 2014 | 250 pages
No titles found
Table of Contents (18 chapters)
Kendo UI Cookbook
Kendo UI Cookbook
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
The Kendo UI Application Framework
The Kendo UI Application Framework
Introduction
Using client-side templates to generate HTML markup from a JSON data
Creating a two-way binding between View elements and JavaScript objects using the Model View ViewModel (MVVM) pattern
Using Source and Template binding with ViewModels to generate HTML content
Validating user input using the built-in Validator
2
The Kendo UI Grid
The Kendo UI Grid
Introduction
Creating a Grid view and displaying tabular data
Displaying data from a local or remote DataSource component in a Grid view
Sorting data in a Grid using a selected column
Using filters to display data that matches certain criteria in the Grid
Creating, updating, and deleting in Grid
Using the virtualization mechanism to improve the performance of the Grid
Customizing the look and feel of the Grid
3
Kendo UI TreeView
Kendo UI TreeView
Introduction
Using a TreeView widget to display a directory structure
Using the drag and drop feature to move elements in TreeView
Using checkboxes to select nodes in TreeView
Associating icons with labels in TreeView
4
Kendo UI Editor
Kendo UI Editor
Introduction
Creating a WYSIWYG Editor using the kendoEditor function
Adding and removing tools in the Editor toolset
Using the image browser tool to insert images into the Editor
5
Kendo UI PanelBar
Kendo UI PanelBar
Introduction
Creating a PanelBar
Loading the content of a PanelBar using Ajax
Binding the PanelBar to a DataSource object
Customizing the PanelBar
6
Kendo UI File Uploader
Kendo UI File Uploader
Introduction
Using the file uploader to upload files to the server
Uploading files to the server asynchronously
Listening to file upload events
7
Kendo UI Window
Kendo UI Window
Introduction
Displaying a pop up and blocking the user interaction by configuring it as a modal window
Customizing the look and feel of the window and including action buttons
Using the Window API to act on a window object
8
Kendo UI Mobile Framework
Kendo UI Mobile Framework
Introduction
Creating a layout and adding views to the layout
Setting the initial layout and view when initializing the application
Using the Application object to navigate to various views
Adding touch events to your mobile application
9
Kendo UI Mobile Widgets
Kendo UI Mobile Widgets
Introduction
Creating a list using a ListView widget
Binding the ListView widget to a DataSource object
Fixing the headers when the user scrolls through the list
Filtering the elements in ListView
Building a hierarchical list using the ListView widget
Building an endless scrolling list
Showing a list of actions that can be performed using the ActionSheet widget
Using the ScrollView widget to navigate through a collection of pictures
Creating a SplitView widget to display multiple panes in a tablet and building interaction between the panes
Tab between views in the application using a TabStrip widget
10
Kendo UI DataViz
Kendo UI DataViz
Introduction
Creating charts using kendoChart
Binding a chart to a DataSource object
Creating a multiaxis chart
Displaying data over a period of time and using aggregate functions
Making a chart interactive by adding events
Changing the chart type dynamically
11
Kendo UI DataViz – Advance Charting
Kendo UI DataViz – Advance Charting
Introduction
Creating a chart to show stock history
Using the Radial Gauge widget
Using the Linear Gauge widget
Generating barcode images using various encoding methods
Generating a QR code image to represent a URL, e-mail, telephone, and geographic location
Creating flow diagrams using Kendo Diagram
Creating hierarchical structural diagrams using layouts
Creating a map to display geospatial information using an OpenStreet map
Creating a map by binding it to the GeoJSON data
Index
Index

Generating barcode images using various encoding methods

The Kendo UI library provides APIs that can be used to generate the barcode graphic image for the given value. For example, each product in the supermarket can have a barcode associated with it. When a customer purchases the product, the barcode would be used to get the product price and other details. The library can generate the barcode by referring to the unique identifier.

How to do it…

A barcode image can be generated by invoking the kendoBarcode function on the DOM element:

$("#chart").kendoBarcode({
  value: '1234567'
});

Here, the 1234567 value will be encoded using the default encoding, that is, code39. You can also specify the encoding method to be used by specifying the type field:

$("#chart").kendoBarcode({
  value: '1234567',
  type: 'ean8'
});

In the preceding code snippet, the encoding type is set to ean8. The other possible values are EAN13, UPCE, UPCA, Code11, Code39, Code39Extended, Code93, Code93Extended, Code128, Code128A...

Previous Section
End of Section 6
Next Section