Kendo UI Cookbook

Over 50 recipes to help you rapidly build rich and dynamic user interfaces for web and mobile platforms.
Preview in Mapt

Kendo UI Cookbook

Sagar Ganatra

Over 50 recipes to help you rapidly build rich and dynamic user interfaces for web and mobile platforms.
Mapt Subscription
FREE
$29.99/m after trial
eBook
$21.00
RRP $29.99
Save 29%
Print + eBook
$49.99
RRP $49.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$21.00
$49.99
$29.99p/m after trial
RRP $29.99
RRP $49.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


Kendo UI Cookbook Book Cover
Kendo UI Cookbook
$ 29.99
$ 21.00
Mastering Kendo UI [Video] Book Cover
Mastering Kendo UI [Video]
$ 94.99
$ 80.75
Buy 2 for $35.00
Save $89.98
Add to Cart
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 

Book Details

ISBN 139781783980000
Paperback250 pages

Book Description

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.

Table of Contents

Chapter 1: 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
Chapter 2: 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
Chapter 3: 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
Chapter 4: 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
Chapter 5: 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
Chapter 6: 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
Chapter 7: 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
Chapter 8: 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
Chapter 9: 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
Chapter 10: 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
Chapter 11: 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

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

Authors

Table of Contents

Chapter 1: 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
Chapter 2: 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
Chapter 3: 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
Chapter 4: 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
Chapter 5: 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
Chapter 6: 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
Chapter 7: 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
Chapter 8: 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
Chapter 9: 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
Chapter 10: 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
Chapter 11: 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

Book Details

ISBN 139781783980000
Paperback250 pages
Read More

Read More Reviews

Recommended for You

Mastering Web Application Development with AngularJS Book Cover
Mastering Web Application Development with AngularJS
$ 26.99
$ 5.40
AngularJS Web Application Development Blueprints Book Cover
AngularJS Web Application Development Blueprints
$ 29.99
$ 21.00
AngularJS UI Development Book Cover
AngularJS UI Development
$ 26.99
$ 18.90
Bootstrap Site Blueprints Book Cover
Bootstrap Site Blueprints
$ 26.99
$ 18.90
AngularJS Web Application Development Cookbook Book Cover
AngularJS Web Application Development Cookbook
$ 29.99
$ 6.00
Responsive Web Design with HTML5 and CSS3 Book Cover
Responsive Web Design with HTML5 and CSS3
$ 23.99
$ 4.80