O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning Kendo UI Web Development

Book Description

With Kendo UI you can enhance your websites no end without having to write a line of code, and this tutorial shows you exactly how to utilize the code library of JavaScript widgets and tools. Thoroughly practical, brilliantly inspiring.

  • Learn from clear and specific examples on how to utilize the full range of the Kendo UI tool set for the web
  • Add powerful tools to your website supported by a familiar and trusted name in innovative technology
  • Learn how to add amazing features with clear examples and make your website more interactive without being a JavaScript expert

In Detail

Creating useful and attractive web sites for today’s audiences requires more JavaScript programming than ever before. JavaScript, however, isn’t easy and staying up to date with recent trends makes it even harder. You need a way to integrate the latest technology into your web site without having to start from the beginning.

"Learning Kendo UI Web Development" shows you how to add the latest web features to your site without doing all of the work yourself. The experts at Telerik have created a fully supported code library that lets you focus on what makes your sites special while letting them focus on how that translates into cutting edge JavaScript code.

This book will take you on a survey through Kendo UI for the web from the basic widgets that wrap input fields to the full page scaffolding widgets for setting up your site.

Kendo UI for the web is a rich framework of JavaScript widgets and tools that will add immediate value to your web sites. Learn the full spectrum of what Kendo UI has to offer in specialized widgets that gather input from users by displaying calendars, sliders, or date pickers all the way up to widgets that structure your web pages through data-driven models in accordions, tabs, list views, and tree views.

"Learning Kendo UI Web Development" is the perfect companion for navigating the broad features offered by Telerik in JavaScript web development.

Table of Contents

  1. Learning Kendo UI Web Development
    1. Table of Contents
    2. Learning Kendo UI Web Development
    3. Credits
    4. About the Author
    5. About the Reviewers
    6. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
        1. Why Subscribe?
        2. Free Access for Packt account holders
    7. Preface
      1. What this book covers
      2. What you need for this book
      3. Who this book is for
      4. Conventions
      5. Reader feedback
      6. Customer support
        1. Downloading the example code
        2. Errata
        3. Piracy
        4. Questions
    8. 1. Interacting with Data: DataSource, Templates, TabStrip, and Grid
      1. Setting up the sample project
      2. KendoUI syntax styles
      3. Kendo UI MVC – basics
      4. Managing data
        1. Templates
        2. DataSource
          1. Model
          2. Schema
          3. Transport
          4. Other DataSource properties
          5. DataSource methods
          6. DataSource events
          7. Getting started with basic usage
            1. Binding to remote data
      5. Page layout
        1. Grid
          1. Columns
      6. Summary
    9. 2. The AutoComplete Widget and its Usage
      1. AutoComplete widget – basics
        1. Binding AutoComplete to a local source
      2. Binding AutoComplete to Remote Data
      3. Using AutoComplete with MVC through Models
      4. Using AutoComplete with MVC through Ajax
      5. Sending data to the server
      6. Using Templates to Customize AutoComplete
      7. Configuring all of the AutoComplete properties
      8. Hooking into AutoComplete widget events
        1. Change
        2. Close
        3. Open
        4. Select
      9. Using the API AutoComplete methods
        1. Close
        2. DataItem
        3. Destroy
        4. Enable
        5. Refresh
        6. Search
        7. Select
        8. Suggest
        9. Value
      10. Summary
    10. 3. Using and Customizing Calendar
      1. Calendar widget – basics
      2. Configuring the Calendar widget
      3. Calendar Widget using MVC
      4. Methods available on the Calendar widget
      5. Events fired by the Calendar widget
      6. Summary
    11. 4. The Kendo MVVM Framework
      1. Understanding MVVM – basics
        1. Simple data binding
          1. Creating the view
          2. Creating the Model and View-Model
        2. Observable data binding
          1. Adding data dynamically
          2. Using observable properties in the View
          3. Making better use of observable arrays
      2. Data-bind properties for Kendo MVVM
        1. The attr property
        2. The checked property
        3. The click property
        4. The custom property
        5. The disabled/enabled properties
        6. The events property
        7. The html/text properties
        8. The invisible/visible properties
        9. The source property
        10. The style property
        11. The value property
      3. Declarative widgets through Data-Role MVVM attributes
      4. Summary
    12. 5. HTML Editor and Custom Tools
      1. Understanding the HTML Editor
      2. Adding and removing buttons from the toolbar
      3. Adding the Styles tool
        1. Tool for inserting HTML snippets
      4. Customizing HTML Editor tools
        1. Drop-down list tools
        2. Button tools
        3. Custom template tools
        4. Custom in-line tools
      5. Using the HTML Editor API
        1. Configuration options
        2. Events
      6. Summary
    13. 6. Menu and ListView
      1. Learning the Menu widget basics
        1. Menu items with images
        2. Menu items with URLs
        3. Menu API configuration options
          1. The animation property
          2. The direction property
          3. Some more options
        4. Configuring menu methods
          1. The append(), insertAfter(), and insertBefore() methods
          2. The close(), enable(), open(), and remove() methods
        5. Menu events
      2. The Kendo UI ListView
        1. ListView basics
        2. Selecting elements with ListView
        3. Editing elements with ListView
        4. ListView API and configuration
          1. ListView methods
            1. The edit method
            2. The remove method
            3. The select method
          2. ListView events
      3. Summary
    14. 7. Implementing PanelBar and TabStrip
      1. PanelBar basics
        1. Adding sprite images to PanelBar items
        2. Adding URLs to PanelBar items
        3. Loading AJAX content with PanelBar
        4. Controlling PanelBar animation effects
      2. Introducing the TabStrip widget
        1. TabStrip basics
        2. Using TabStrip with a datasource
        3. Adding images to the TabStrip widget
        4. Adding URLs to TabStrip tabs
        5. Loading AJAX content with TabStrip
        6. Controlling the TabSrip widget's animation effects
      3. Summary
    15. 8. Slider Essentials
      1. Introducing Slider and RangeSlider
        1. Using Slider and RangeSlider with the MVC extension methods
        2. Implementing the basics
      2. Basic implementation using MVC extension methods
      3. Using tooltips and pop-up texts
        1. Learning keyboard controls
      4. Customizing the user interface of the slider widgets
        1. Tooltip customization
          1. Customizing tooltip options using MVC extension methods
        2. Customizing the default values
          1. Customizing tick placement
            1. Placing the tick at the top left
            2. Placing the tick at the bottom right
            3. Placing ticks on both sides
            4. Removing the ticks entirely
          2. Customizing slider orientation
      5. Learning API methods
        1. The enable and disable Methods
        2. Using the values
          1. Using values from a Kendo slider
          2. Using values from a Kendo range slider
      6. Hooking into events
        1. Using the change event
          1. The change event for a Kendo slider widget
          2. The change event for a Kendo range slider widget
        2. The slide event
        3. The change and slide events with MVC extension methods
      7. Summary
    16. 9. Implementing the Splitter and TreeView Widgets
      1. The Splitter widget
        1. Learning the Splitter widget
        2. Loading content
        3. Loading content with AJAX
        4. Hooking into Splitter events
          1. The collapse event
          2. The contentLoad event
          3. The expand event
          4. The layoutChange event
          5. The resize event
        5. Making calls to Splitter API methods
          1. Getting a reference to the splitter object
          2. Using the ajaxRequest method
          3. Using the collapse method
          4. Using the expand method
          5. Using the max and min methods
          6. Using the size method
          7. Using the toggle method
      2. TreeView
        1. Learning TreeView
        2. Binding to a data source
        3. Using drag and drop
        4. Configuring animation effects
        5. Displaying images
        6. Using templates
        7. Hooking into TreeView events
        8. Making calls to the TreeView API methods
      3. Summary
    17. 10. The Upload and Window Widgets
      1. Uploading files
        1. Learning the Upload widget
        2. Enabling asynchronous uploads
        3. Uploading multiple files simultaneously
        4. Removing uploaded files
        5. Tracking upload progress
        6. Cancelling an update in progress
        7. Using file drag and drop
      2. The Kendo UI Window widget
        1. Customizing Window actions
        2. Loading content with AJAX
        3. Using the animation effects
        4. Using the Window widget events
        5. Using the Window widget API methods
      3. Summary
    18. 11. Web API Examples
      1. Getting familiar with the ASP.NET Web API
      2. Getting familiar with Entity Framework Code First
      3. Getting familiar with OData
      4. Using DataSourceRequest with Kendo Grid
      5. Driving the ListView with Web API
      6. Summary
    19. Index