Fermer

janvier 16, 2019

Nouveautés de la R1 2019 pour jQuery dans Kendo UI


Nous avons ajouté ou amélioré un certain nombre de composants avec la première version de l'année pour Kendo UI pour jQuery. Découvrez les nouveautés.

Une nouvelle année apporte de nouveaux atouts avec l'interface de Kendo! Dans cet article de blog, je souhaite passer à une vue plus détaillée de ce que nous avons publié avec R1 2019 pour les composants jQuery trouvés dans l'interface utilisateur de Kendo.

Nouveaux composants améliorés

MultiViewCalendar

 jquery-mvc-core-multiviewcalendar-material "title =" jquery-mvc-core-multiviewcalendar-material "/><p data-recalc-dims= Le composant MultiViewCalendar est conçu pour permettre aux utilisateurs de visualiser plus facilement plusieurs calendriers côte à côte. La fonctionnalité la plus courante consiste probablement à afficher deux mois à la fois et à sélectionner une série de dates sur les deux calendriers.

DateRangePicker

 jquery-mvc-core-daterangepicker-material "title =" jquery-mvc-core- daterangepicker-material "/></p data-recalc-dims=

Le DateRangePicker reprend l'idée du composant MultiViewCalendar mais l'ajoute dans un menu déroulant! Comme avec DatePicker, mais avec plusieurs dates. En sortie d'usine, cela donnera aux utilisateurs une date de début et une date de fin auxquelles vous pouvez extraire la valeur avec un seul appel d'API.

Ripple

 -effet d'anus "/></p data-recalc-dims=

Bien qu’il soit un peu subtil, Material Design appelle à un effet «d’ondulation» sur bon nombre de ses interactions et animations. La plupart du temps, cela se voit à des clics ou à des sélections dans les cases à cocher et les boutons radio.

Cet effet pouvant être un peu délicat à créer, nous avons créé un moyen générique de créer un effet d'entraînement Elément HTML!

ScrollView

 jquery-mvc-core-scrollview-material "title =" jquery-mvc-core-scrollview-material "/></p data-recalc-dims=

Vous avez probablement déjà vu quelque chose comme notre composant ScrollView auparavant. Facilement reconnaissables aux petits points situés au bas de chaque image, ainsi qu'aux icônes gauche et droite facilitant le défilement entre les images, il s'agit d'un moyen facile de parcourir plusieurs images tout en ne prenant que des propriétés fixes dans votre application. Ce composant provient de la bibliothèque d'interface utilisateur mobile hyrid que nous proposons depuis un moment, mais nous souhaitons l'inclure dans la bibliothèque d'interface utilisateur de Kendo classique afin de l'aider à l'ajouter à des applications Web réactives.

Switch

 jQuery- mvc-core-switch-material "title =" jquery-mvc-core-switch-material "/></p data-recalc-dims=

Le composant Switch était déjà disponible sur l'interface utilisateur de Kendo, mais il faisait partie de la partie de l'interface utilisateur mobile hybride. Ce composant est assez populaire parmi les applications de bureau de nos jours. Il est donc raisonnable de dire qu’il ne devrait pas être disponible uniquement pour les applications hybrides. Nous voulions nous assurer que ce composant pouvait être utilisé dans des applications Web sans avoir à importer des fichiers supplémentaires.

Thème principal de ThemeBuilder

Vous êtes nombreux à utiliser le ThemeBuilder de Kendo UI, mais au cas où vous ' Vous n'êtes pas familier ThemeBuilder est un outil qui vous permet de personnaliser complètement n'importe quel thème de Kendo UI pour l'adapter à vos directives de conception en quelques clics. Tous les composants sont restitués sur la page et les modifications apportées au thème sont automatiquement affichées dans chacun des composants.

Bien que ThemeBuilder existe depuis un certain temps, la possibilité de personnaliser le thème Matériau n'était pas disponible. disponible. Eh bien, c'était vrai jusqu'à la sortie de la R1 2019! Rendez-vous sur le générateur de thèmes et vous verrez tout un ensemble de nuances de couleurs disponibles pour le thème Matériau ainsi que des éléments de formulaire pour mettre à jour le thème avec des sélecteurs de couleurs ou des valeurs HEX.

Améliorations diverses

Nous avons inclus une tonne de corrections de bogues et diverses fonctionnalités de tous les composants de Kendo UI, mais voici quelques points saillants supplémentaires:

  • Le composant Editeur prend désormais en charge l'attribut Placeholder
  • . L'exportation et le repli d'une grille hiérarchique icônes dans le fichier Excel généré
  • Nous avons amélioré l'édition de périodicité du planificateur pour la rendre encore plus intuitive et couvrir davantage de scénarios de récurrence
  • Le composant TreeView a bénéficié d'une amélioration considérable de ses performances (. consultez ce billet de blog pour plus d'informations)

Rejoignez-nous pour le webinar

J'ai essayé de couvrir tous les éléments importants de cet article de blog, mais il en existe bien plus avec la version R1! Pour consulter tous les bonus que j'ai mentionnés ici, et plus encore, vous devez vous inscrire au webinaire R1 2019 destiné aux utilisateurs de Kendo UI que nous organisons le 22 janvier à 11h00, heure de l'Est. Les places sont limitées, alors assurez-vous de réserver votre place dès aujourd'hui! Si vous ne pouvez tout simplement pas attendre, n'hésitez pas à télécharger les derniers morceaux ou à vous lancer aujourd'hui dans un essai gratuit et à nous dire ce que vous pensez.




Source link