Kendo UI Cookbook -- Table of Contents -- Kendo UI Cookbook -- Credits -- About the Author -- About the Reviewers -- www.PacktPub.com -- Support files, eBooks, discount offers, and more -- Why Subscribe? -- Free Access for Packt account holders -- Preface -- What this book covers -- What you need for this book -- Who this book is for -- Conventions -- Reader feedback -- Customer support -- Downloading the example code -- Errata -- Piracy -- Questions -- 1. The Kendo UI Application Framework -- Introduction -- Using client-side templates to generate HTML markup from a JSON data -- How to do it… -- How it works… -- There's more… -- Creating a two-way binding between View elements and JavaScript objects using the Model View ViewModel (MVVM) pattern -- How to do it… -- How it works... -- There's more… -- Using Source and Template binding with ViewModels to generate HTML content -- How to do it… -- How it works… -- Validating user input using the built-in Validator -- How to do it… -- How it works… -- There's more… -- 2. The Kendo UI Grid -- Introduction -- Creating a Grid view and displaying tabular data -- How to do it… -- How it works… -- There's more… -- Displaying data from a local or remote DataSource component in a Grid view -- How to do it… -- How it works… -- There's more… -- Sorting data in a Grid using a selected column -- How to do it… -- How it works… -- Using filters to display data that matches certain criteria in the Grid -- How to do it… -- How it works… -- There's more… -- Creating, updating, and deleting in Grid -- How to do it… -- How it works… -- There's more… -- Using the virtualization mechanism to improve the performance of the Grid -- How to do it… -- How it works… -- There's more… -- Customizing the look and feel of the Grid -- How to do it… -- How it works… -- There's more… -- 3. Kendo UI TreeView -- Introduction.

Using a TreeView widget to display a directory structure -- How to do it… -- How it works… -- There's more… -- Constructing a TreeView widget from a remote DataSource object -- Using the drag and drop feature to move elements in TreeView -- How to do it… -- How it works… -- There's more… -- Using checkboxes to select nodes in TreeView -- How to do it… -- How it works… -- There's more… -- Associating icons with labels in TreeView -- How to do it… -- How it works… -- 4. Kendo UI Editor -- Introduction -- Creating a WYSIWYG Editor using the kendoEditor function -- How to do it… -- How it works… -- Adding and removing tools in the Editor toolset -- How to do it… -- How it works… -- There's more… -- Using the image browser tool to insert images into the Editor -- Getting ready -- How to do it… -- How it works… -- There's more… -- 5. Kendo UI PanelBar -- Introduction -- Creating a PanelBar -- How to do it… -- How it works… -- There's more… -- Loading the content of a PanelBar using Ajax -- How to do it… -- How it works… -- There's more… -- Binding the PanelBar to a DataSource object -- How to do it… -- How it works… -- Customizing the PanelBar -- How to do it… -- How it works… -- 6. Kendo UI File Uploader -- Introduction -- Using the file uploader to upload files to the server -- How to do it… -- How it works… -- There's more… -- Disabling multiple file uploads -- Customizing the display of list items using a template -- Uploading files to the server asynchronously -- Getting started -- How to do it… -- How it works… -- There's more… -- Localizing the file uploader widget -- Using drag-and-drop to upload files -- Listening to file upload events -- How to do it… -- How it works… -- 7. Kendo UI Window -- Introduction -- Displaying a pop up and blocking the user interaction by configuring it as a modal window -- How to do it… -- How it works… -- There's more….

Showing the modal window on a click of button -- Loading the content of the modal using Ajax -- Customizing the look and feel of the window and including action buttons -- How to do it… -- How it works… -- There's more… -- Using the Window API to act on a window object -- How to do it… -- How it works… -- 8. Kendo UI Mobile Framework -- Introduction -- Creating a layout and adding views to the layout -- Getting started -- How to do it… -- How it works… -- There's more… -- Setting the initial layout and view when initializing the application -- How to do it… -- How it works… -- There's more… -- Using the Application object to navigate to various views -- How to do it… -- How it works… -- There's more… -- Specifying view transitions -- Adding touch events to your mobile application -- How to do it… -- How it works… -- 9. Kendo UI Mobile Widgets -- Introduction -- Creating a list using a ListView widget -- How to do it… -- How it works… -- There's more… -- Binding the ListView widget to a DataSource object -- How to do it… -- How it works… -- There's more… -- Fixing the headers when the user scrolls through the list -- How to do it… -- How it works… -- Filtering the elements in ListView -- How to do it… -- How it works… -- There's more… -- Building a hierarchical list using the ListView widget -- Getting started -- How to do it… -- How it works… -- Building an endless scrolling list -- How to do it… -- How it works… -- Showing a list of actions that can be performed using the ActionSheet widget -- How to do it… -- How it works… -- There's more… -- Using the ScrollView widget to navigate through a collection of pictures -- How to do it… -- How it works… -- There's more… -- Creating a SplitView widget to display multiple panes in a tablet and building interaction between the panes -- How to do it… -- How it works… -- There's more….

Tab between views in the application using a TabStrip widget -- How to do it… -- How it works… -- 10. Kendo UI DataViz -- Introduction -- Creating charts using kendoChart -- Getting started -- How to do it… -- How it works… -- There's more… -- Showing multiple categories in the chart -- Changing the position of the title and Iegend information -- Changing the default theme -- Binding a chart to a DataSource object -- How to do it… -- How it works… -- There's more… -- Showing multiple series using the DataSource object -- Showing values on the chart as labels -- Creating a multiaxis chart -- How to do it… -- How it works… -- There's more… -- Displaying data over a period of time and using aggregate functions -- How to do it… -- How it works… -- There's more… -- Making a chart interactive by adding events -- How to do it… -- How it works… -- Changing the chart type dynamically -- How to do it… -- How it works… -- 11. Kendo UI DataViz - Advance Charting -- Introduction -- Creating a chart to show stock history -- Getting started -- How to do it… -- How it works… -- There's more… -- Specifying the date range in the navigator when initializing the chart -- Customizing the look and feel of the Stock Chart widget -- Using the Radial Gauge widget -- How to do it… -- How it works… -- There's more… -- Changing the major and minor unit values -- Changing the color of the radial using the ranges option -- Updating the pointer value using a Slider widget -- Using the Linear Gauge widget -- How to do it… -- How it works… -- There's more… -- Generating barcode images using various encoding methods -- How to do it… -- How it works… -- Generating a QR code image to represent a URL, e-mail, telephone, and geographic location -- How to do it… -- How it works… -- There's more… -- Creating flow diagrams using Kendo Diagram -- How to do it… -- How it works….

Creating hierarchical structural diagrams using layouts -- How to do it… -- How it works… -- Creating a map to display geospatial information using an OpenStreet map -- How to do it… -- How it works… -- There's more… -- Creating a map by binding it to the GeoJSON data -- How to do it… -- How it works… -- Index.