Formation Kendo UI

Interagir avec les données : datasource, templates, tabstrip et grilles

Création du Sample Project
Les styles de syntaxe
Les bases du MVC
Gestion des données avec les templates et datasources
Affichage des pages (grilles et colonnes)

Le widget AutoComplete et son utilisation

Les bases d’AutoComplete
Lier l’AutoComplete à des données distantes
Utiliser l’AutoComplete avec l’architecture MVC grâce aux modèles
Utiliser l’AutoComplete avec l’architecture MVC grâce à la méthode Ajax
Envoyer les données au serveur
Utiliser les templates pour personnaliser l’AutoComplete
Autres propriétés de configuration de l’AutoComplete
Gestion des évenements via l’AutoComplete
Utiliser l’API de l’AutoComplete

Utilisation et configuration du Calendar

Exploration du widget Calendar
Configurer le Calendar
Utiliser le Calendar avec l’architecture MVC
Evènements déclenchés par le Calendar

Le framework MVVM de Kendo UI

Présentation du framework : liaison de données simple et liaison de données observable
Les propriétés de liaison de données pour le MVVM de Kendo (attr, checked, click, custom, visible/invisible, disabled/enabled…)
Déclarer un widget avec les attributs du MVVM

L’éditeur HTML et ses outils de configuration

Comprendre le fonctionnement de l’éditeur HTML
Ajouter/supprimer des boutons de la barre d’outils
Ajouter l’outil « Styles »
Personnalisation des outils de l’éditeur (in-line, templates…)
Utilisation de l’API de l’éditeur HTML

Menu et ListView

Présentation du menu : items, configuration de l’API, évènements, méthodes de configuration
La ListView de Kendo UI : gestion des éléments, utilisation et configuration de l’API

Mise en place du PanelBar et de la TabStrip

Présentation du PanelBar : sprites d’images, ajout d’URL, charger du contenu Ajax, contrôler les effets d’animation
La TabSprit : sources de données, images, URL, contenu Ajax, effets d’animation

Le slider

Présentation du Slider et du RangeSlider
Méthodes d’extension du MVC
Infobulles et pop-ups, contrôles du keyboard
Personnalisation de l’interface utilisateur à l’aide du Slider (valeurs par défaut, infobulles…)
Méthodes d’API : méthode enable/disable, utilisation des valeurs du slider et range slider
Introduction des évenements : change event, slide event, utilisation des méthodes d’extension du MVC

Le Splitter

Présentation du Splitter
Chargement de contenu
Chargement de contenu avec Ajax
Evènements du Splitter : collapse event, contentLoad eve,t, expand event, Layout change event, resize event
Méthodes d’API du Splitter : ajaxRequest, max et min, size, toggle, collapse, expand

Le TreeView

Présentation du TreeView
Liaison avec une source de données
Utilisation du drag and drope
Configuration des effets d’animation
Affichage des images
Utilisation des templates
Les évènements du TreeView
Méthodes d’API du TreeView
L’upload
Présentation
Autoriser des uploads asynchrones
Uploads multiples simultanés
Suppression de fichiers uploadés
Annuler une mise à jour en cour
Suivi de la progression d’un upload
Utilisation du fichier drag and drop

La Window

Configuration des actions
Chargement de contenu avec Ajax
Effets d’animation
Les évènements
Les méthodes d’API

Exemples d’API Web

Les API Web ASP.NET
L’approche Code First avec l’outil Entity Framework
Le protocole Odata
Utilisation de la requête DataSource avec la grille de Kendo UI
Contrôler la ListView via une API Web

Conclusion et aperçu des fonctionnalités de KendoUI Core