Fermer

janvier 17, 2019

Interface utilisateur Telerik pour ASP.NET MVC et Core dans la version 201 201Une minute de lecture

Telerik R1 2019 Release_870x220


Nouveaux contrôles, nouvelles fonctionnalités, nouveaux thèmes et plus. Découvrez le contenu des dernières versions de l'interface utilisateur Telerik pour ASP.NET MVC et de l'interface utilisateur Telerik pour ASP.NET Core.

Vous l'avez probablement déjà entendu, mais au cas où je le mentionnerais aussi: La version R1 2019 est arrivée! Je voulais prendre le temps de vous présenter le dernier et le plus important des interfaces utilisateur Telerik pour ASP.NET MVC et du noyau ASP.NET !

de nouveaux composants

] DateRangePicker

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

Le composant DateRangePicker offre aux utilisateurs finaux un moyen simple de sélectionner une plage de dates dans La fenêtre contextuelle contiendra deux calendriers facilitant la sélection d'une plage de dates appropriée.

MultiViewCalendar

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

MultiViewCalendar est similaire à DateRangePicker en ce sens qu’il offre aux utilisateurs un moyen d’interagir simultanément avec deux calendriers. Bien sûr, ce composant occupe un peu plus d’immobilier que le DateRangePicker (puisque nous n’utilisons pas de popup pour ce composant), mais il reste néanmoins un excellent composant à utiliser pour de nombreuses applications.

Ripple

 jquery-ripple -effect "title =" jquery-ripple-effect "/></p data-recalc-dims=

Si vous n'êtes pas au courant, les directives relatives à la conception de matériaux préconisent un effet" d'ondulation "pour les animations et les interactions diverses. Vous le voyez souvent lorsque vous interagissez avec C'est un peu difficile à ajouter par vous-même, nous avons donc créé notre propre composant Ripple pour vous aider à ajouter cette animation à l'un de vos propres éléments HTML.

Composants de l'interface utilisateur hybride migrés

ScrollView

. 19659015] jquery-mvc-core-scrollview-material "title =" jquery-mvc-core-scrollview-material "/>

Vous avez probablement reconnu instantanément le ScrollView grâce à l'image ci-dessus. Les points en bas et les éléments de navigation de gauche et de droite le cèdent. Ceci était traditionnellement disponible dans notre jeu d’outils d’interface utilisateur hybride, mais avec la R1 2019, nous l’avons maintenant ajouté comme widget autonome à utiliser dans ASP.NET MVC ou ASP.NET . Applications principales

Switch

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

Le composant Switch était également disponible dans la bibliothèque d'interface utilisateur hybride, Nous voulions également nous assurer que les applications Web de bureau ou responsives (même les PWA) construites avec MVC ou Core utilisent ce composant, car il n’a jamais été aussi simple d’ajouter un bouton à bascule rapide à votre application.

dans ThemeBuilder

Grâce à The ThemeBuilder la personnalisation d’un thème de l’interface utilisateur de Kendo est aussi simple que de sélectionner une couleur à l’aide d’un sélecteur de couleur ou de brancher vos propres valeurs HEX. page et les modifications que vous apportez mettront automatiquement à jour tous les composants juste avant votre yeux.

Avec la dernière version de ThemeBuilder, nous avons pris en charge le thème Matériau pour vous permettre de sélectionner un large éventail de nuances de couleurs prédéfinies ou de créer le vôtre à partir de rien!

Echafaudages et feuilles de rasoir [19659021] Une autre fonctionnalité que nous avons spécifiquement ajoutée à la suite ASP.NET Core est les nouveaux modèles d’échafaudage. Ces modèles peuvent être utilisés pour réduire le temps de développement et utiliser automatiquement certains de nos composants d'interface utilisateur et des primitives CSS pour certains types dans les champs de vos modèles. Pour commencer à en tirer parti, vous devez simplement installer les modèles d’échafaudage dans votre instance Visual Studio et suivre les instructions fournies dans du présent article de documentation .

Ces modèles peuvent être utilisés à la fois avec MVC et Razor Views.

Depuis que j'ai évoqué Razor Views, je voulais également mentionner que, à partir de R1 2019 nous soutenons officiellement les pages Razor avec tous les composants UI for ASP.NET Core.

TreeView Performance Boost

L'une des améliorations les plus importantes apportées à un composant existant concerne le composant TreeView. Nous avons bien examiné le code derrière le widget et avons réalisé que des optimisations pouvaient être effectuées. Grâce à cela, nous avons amélioré les performances non seulement du rendu de TreeView, mais également de nombreuses interactions que vous pourriez avoir avec le composant (filtrage, développement, etc.). Pour plus d’informations, vous pouvez vous référer à ce billet de blog qui contient des détails juteux!

Webinaire à venir

Nous avons couvert un peu ici, mais il ya toujours plus à voir! Non seulement dans les produits MVC et Core, mais également dans tous les autres produits basés sur .NET que nous proposons. C’est la raison pour laquelle je voulais terminer ce billet de blog en mentionnant que vous devriez participer au webinaire sur la version R1 2019 de Telerik, qui aura lieu le 18 janvier à 11 heures, heure de l'Est. Pour plus d'informations rendez-vous sur la page du webinaire et inscrivez-vous aujourd'hui! N'oubliez pas que le nombre de places est limité, assurez-vous donc de bien l'attacher le plus rapidement possible!


Les commentaires sont désactivés en mode Prévisualisation.



Source link