Kendo UI Cookbook电子书

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