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

About the Reviewers

Sergey N. Bolshchikov is a senior frontend engineer at New ProImage (Agfa), working on a large-scale, client-side application of workflow systems software for publishing houses. He also serves as a co-organizer of the Ember-IL meet-up group in Tel Aviv, Israel. He holds an MSc degree in Information Systems from Technion – Israel Institute of Technology.

Austin Christenberry has experience working with technologies such as ASP.NET, T-SQL, Knockout.js, and Kendo UI. He currently works for Credera, a management and technology solutions firm based in Dallas, Texas. He graduated from Baylor University in Waco, Texas, in 2012 with a Bachelor of Science degree in Applied Mathematics. In his free time, he enjoys playing tennis and discovering new shows on Netflix.

I would like to thank my beautiful wife, Len, for supporting me in reviewing this book, along with everything else I do.

David J. McClelland has been creating cutting-edge software and content that bridges design, development, and information for over 20 years. He is currently a Principle User Interface Engineer developing software to manage distributed devices via the cloud. He has been a technical reviewer for Instant Kendo UI Mobile, Sagar Ganatra, Packt Publishing.

I would like to thank my family for encouraging my many technical and artistic interests.

Omkar Patil is currently working as a senior architect in the Global Technology and Architecture group of SunGard. He has 14 years experience in architecture, design, and development of web applications. Starting with server-side Enterprise Java, he has shifted focus to frontend development of web and mobile applications in the last few years. His current skill set consists of JavaScript, jQuery, Kendo UI, AngularJS, and Node.js. In his spare time, he enjoys reading, playing with new technologies, and contributing to open source software. He is a committer of the Angular-Kendo project that integrates Kendo UI with AngularJS (https://github.com/kendo-labs/angular-kendo).

I would like to thank my wife, Anu, for her support and encouragement over the past 12 years. I would also like to mention my daughter, Rewa, who at seven years of age, has already started coding and keeps me on my toes with her programming questions.

Radu Poenaru has over 12 years experience in software engineering, ranging from desktop to web and mobile applications. As a freelancer based in Frankfurt, Germany, he focuses his skills to deliver solutions for the complete life cycle of a website, including architecture and user experience—in the frontend using HTML5 and CSS3 and enhanced by JavaScript libraries such as jQuery, Knockout.js, Kendo UI, AngularJS, RequireJS, Modernizr, and Bootstrap; and in the backend using ASP.NET, MVC pattern (including Single-Page applications), Entity Framework, and Microsoft SQL. He discusses these and other software subjects on his blog at http://www.radupoenaru.com or on his company's website at http://www.itbrainiacs.com.

Previous Section
Next Chapter