Nouveautés de KendoReact avec la R1 2019

Avec notre première version de l'année, nous vous proposons sept nouveaux composants et des tonnes de fonctionnalités supplémentaires. Découvrez tout ce qui est nouveau dans KendoReact.

Même s’il a quelques semaines de retard à pouvoir taper cette liste, je me sens comme un père Noël – la version R1 2019 de KendoReact est là! Nous avons été extrêmement occupés à développer de nouveaux composants et à ajouter des fonctionnalités aux composants existants. Aujourd’hui, je souhaitais vous familiariser avec les nouveautés! Alors, sans plus tarder, voici un aperçu de ce sur quoi nous travaillons depuis notre dernière version!

Tant de nouveaux composants

Je suis très heureux de pouvoir annoncer que nous avons introduit sept nouveaux composants avec cette version. Regardez les captures d’écran ci-dessous pour avoir un aperçu de chacune d’elles.

Plutôt que de tout parcourir dans ce billet de blog, je pense qu’il est préférable de laisser les démos parler. Vous pouvez vous reporter à chacun des liens ci-dessous pour plus d'exemples et pour chaque composant.

Splitter

MaskedTextBox

Fenêtre

Barre d’outils

BaisseDeButton

de kendoreact-toolbar "/>

-dropdownbutton "title =" kendoreact-dropdownbutton "/>

SplitButton

TreeView [1945911] ]

Télécharger

Améliorations de la grille

Bien sûr, tout le monde adore le Grid, pour que ce ne soit pas vraiment une version sans quelques fonctionnalités de Grid ajoutées! Avec cette version, nous avons pu ajouter les fonctionnalités suivantes:

Menu Column & Filter

Cela Cette petite fonctionnalité cache tout ce que vous pouvez avoir besoin de faire pour filtrer la grille dans une seule fenêtre qui s’ouvre lorsque vous cliquez sur l’icône de filtre. C’est là un autre moyen d’appliquer des filtres sur votre grille et d’économiser de l’immobilier par rapport à l’avoir une ligne de filtre complète.

De plus, ce menu peut être personnalisé pour inclure d’autres composants que ceux fournis par défaut, par exemple une case à cocher pour chaque colonne pouvant être utilisée pour afficher ou masquer cette colonne en particulier.

En savoir plus sur cette fonction peut être trouvé ici .

Colonnes gelées

Gelé, ou verrouillé, Les colonnes peuvent être configurées à l'avance ou de manière dynamique, et les colonnes sont empilées du côté gauche de la grille. Toutes les formes de défilement horizontal ont ces colonnes affichées en permanence, tandis que les autres colonnes défilent d'avant en arrière.

Quelques autres objets amusants

Module UMD

Bien que la plupart de nos utilisateurs préfèrent travailler avec nos paquets npm et leur bundler. de choix, de nombreuses personnes cherchent à utiliser un seul fichier JavaScript combinant tous nos packages dans un seul fichier. Ainsi, avec cette version, nous proposons maintenant kendo-react-all.js en tant que module UMD, ce qui vous offre un autre moyen de commencer à utiliser les composants de l'interface utilisateur KendoReact dans vos projets.

Personnalisation complète de DatePickers

L'un des commentaires les plus courants que nous obtenons pour KendoReact (en réalité, pour l'ensemble de Kendo UI, quelle que soit leur saveur) concerne la personnalisation. Souvent, nos options de configuration sont suffisantes, mais il peut arriver que vous deviez aller plus loin.

C'est pourquoi nous avons introduit la possibilité de prendre en charge le rendu pour le DateInput . Calendar et Popup de notre composant DatePicker. Cela signifie que si vous avez votre propre widget de calendrier que vous préférez utiliser en combinaison avec notre DatePicker, vous pouvez facilement remplacer le calendrier KendoReact intégré par le vôtre. Il en va de même pour l’entrée elle-même ou pour toute autre partie du composant.

C’est une grande nouvelle, car cela vous donne vraiment le plein pouvoir d’utiliser le composant KendoReact DatePicker et le rend encore plus facile à intégrer à un composant préexistant. Pile d'interface utilisateur, ou avec tout composant d'interface utilisateur que vous avez peut-être déjà construit. Pour plus d'informations (et un peu d'inspiration), vous pouvez vous référer à cette page de démonstration .

Webinaire Catch the Release

Nous avons récemment organisé un webinaire soulignant ce que nous avons couvert jusqu'à présent, et plus encore! Nous espérons que vous avez pu nous rejoindre, mais si ce n’est pas le cas, nous mettrons bientôt en ligne la rediffusion. Restez à l'écoute et entre-temps, n'hésitez pas à consulter les notes de publication pour voir tout ce qui a changé, ou tout simplement plonger dans KendoReact en téléchargeant les derniers morceaux ou en commençant un essai gratuit aujourd'hui. .