Free Sample
+ Collection

Kendo UI Cookbook

Sagar Ganatra

Over 50 recipes to help you rapidly build rich and dynamic user interfaces for web and mobile platforms.
RRP $29.99
RRP $49.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781783980000
Paperback250 pages

About This Book

  • Create rich interfaces for the Web using the Kendo UI application framework and various sets of widgets that come packaged in the library
  • Build web applications for the mobile platform by providing a native look and feel on iOS, Android, Blackberry, and Windows Phone, without having to worry about maintaining separate codebases for each platform
  • Leverage HTML5-based DataViz widgets in the Kendo UI library to build charts and dashboards

Who This Book Is For

This book will do wonders for web developers having knowledge of HTML and Javascript and want to polish their skills in building applications using the Kendo UI library.

Table of Contents

Chapter 1: The Kendo UI Application Framework
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
Chapter 2: The Kendo UI Grid
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
Chapter 3: Kendo UI TreeView
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
Chapter 4: Kendo UI Editor
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
Chapter 5: Kendo UI PanelBar
Creating a PanelBar
Loading the content of a PanelBar using Ajax
Binding the PanelBar to a DataSource object
Customizing the PanelBar
Chapter 6: Kendo UI File Uploader
Using the file uploader to upload files to the server
Uploading files to the server asynchronously
Listening to file upload events
Chapter 7: Kendo UI Window
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
Chapter 8: Kendo UI Mobile Framework
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
Chapter 9: Kendo UI Mobile Widgets
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
Chapter 10: Kendo UI DataViz
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
Chapter 11: Kendo UI DataViz – Advance Charting
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

What You Will Learn

  • Get to grips with the basics of the Kendo UI application framework
  • Use various widgets such as Grid, TreeView, Editor, PanelBar, Modal Window, and File uploader, and customize your application to meet the business requirements
  • Build web applications for the mobile platform and provide a native look and feel on iOS, Android, BlackBerry, and Windows Phone 8
  • Utilize the data visualization components such as charts and dashboard widgets to build visually compelling and interactive applications

In Detail

Kendo UI is a one-stop library that allows you to build applications for web and mobile platforms using HTML5 and JavaScript. The library includes several widgets that allow you to build compelling web applications rapidly. Building web applications for web and mobile platforms using modern web technologies is now easy with the Kendo UI library. This cookbook contains practical recipes that you can apply in your everyday projects, and build compelling applications effortlessly. It gets you started with the application framework and then guides you through various widgets that you can readily use in your project with minimum configuration. It also provides recipes that you can use to build web applications for various mobile platforms while maintaining a single codebase.


Read More