Site icon Blog ARC Optimizer

Mise à jour de l'interface utilisateur de Kendo et de Telerik de novembre


La mise à jour de novembre de l'interface utilisateur Telerik et Kendo apporte la prise en charge de .NET 6 et VS 2022 avec Angular 13 et plus !

En s'appuyant sur notre mise à jour d'octobreaujourd'hui, je voulais prendre le temps pour couvrir ce sur quoi vos équipes Telerik et Kendo UI préférées de Progress ont travaillé au cours des dernières semaines. Il y a beaucoup à déballer ici, et tout ce que nous mentionnons est disponible dans les dernières versions de chacun de ces produits. Donc, si vous voyez quelque chose que vous souhaitez utiliser, visitez simplement la page Votre compte et récupérez les derniers bits!

Table des matières

  1. Support pour .NET 6 et Visual Studio 2022 Official
  2. Angular 13 Support avec Kendo Interface utilisateur pour Angular
  3. KendoReact
  4. Kendo UI pour jQuery
  5. Telerik UI pour Blazor
  6. Telerik UI pour ASP.NET Core et UI pour ASP.NET MVC
  7. Telerik UI pour ASP.NET AJAX[19659011] Interface utilisateur Telerik pour Xamarin
  8. Interface utilisateur Telerik pour WinUI
  9. Interface utilisateur Telerik pour WPF
  10. Interface utilisateur Telerik pour WinForms
  11. Telerik Reporting et Telerik Report Server
  12. JustMock

Prise en charge de .NET 6 et Visual Studio 2022 Official

article de blog dédié et voyez comment vous pouvez bénéficier immédiatement de la dernière et meilleure version des mondes .NET et Telerik.

Angular 13 Support With Kendo UI for Angular

Angular 13 est sorti début novembre et je suis heureux de dire que Kendo UI pour Angular a pris en charge Day-Zero ! Pour ceux d'entre vous qui s'intéressent à ce que cette version d'Angular apporte, nous avons un excellent article de blog couvrant Quoi de neuf dans Angular 13 ici . En ce qui concerne l'interface utilisateur Kendo pour les composants angulaires, mettez simplement à jour la dernière version des packages que vous avez inclus et vous serez prêt à partir. pour plus d'informations.

KendoReact

Améliorations

Grid: Column Virtualization with Multi-Column Headers
Une fonctionnalité importante qui a été ajoutée à la grille de données KendoReact avec cette mise à jour est la possibilité d'avoir des en-têtes multi-colonnes. lors de la virtualisation de notre table de données React. Auparavant, ces deux fonctionnalités ne fonctionnaient pas très bien ensemble, mais avec la mise à jour 4.10.0elles peuvent être activées de manière transparente dans le même composant.

Voir la démo KendoReact Data Table Column Virtualization pour plus d'informations.

Éditeur : Expose Interfaces for onMount, onExecute, onPaste, onFocus et onBlur Events
Aidant à étendre la manière dont les développeurs React implémentent l'éditeur KendoReact avec cette mise à jour, nous avons introduit plusieurs nouveaux événements qui peut être utilisé lors du rendu initial du composant ou lorsque les utilisateurs interagissent avec le contenu. Adaptive Slot Height
React Scheduler Adaptive Slot Height et voici une lien vers React Scheduler Auto Item Hei ght demos.

Kendo UI pour jQuery

Nouveaux composants

PivotGrid Component
Nouvelles démos de composants PivotGrid.

Améliorations

ColorPicker: Nouveau design
jQuery ColorPicker Overview.

PanelBar: Updated Design
jQuery PanelBar.

Grid: Multi-Column Sorting via CTRL + Click
articles de la base de connaissances jQuery car cela nécessite plus de code que ce qui serait normalement trouvé dans l'une de nos démos.

Tous les composants : accessibilité améliorée
Avec cette mise à jour, nous poursuivons également notre série d'améliorations de l'accessibilité de tous les composants Kendo UI pour jQuery. Ces ajouts vont de la résolution des problèmes d'accessibilité signalés dans notre carnet de commandes au renforcement des tests d'accessibilité automatisés que nous effectuons en interne. Le résultat est que la dernière édition de nos composants jQuery continue d'être la première bibliothèque d'interface utilisateur jQuery pour la conformité à l'accessibilité. que l'interface utilisateur de Kendo pour jQuery et ses outils Visual Studio utiles prennent officiellement en charge Visual Studio 2022 ! Prise en charge de Visual Studio 2022, l'interface utilisateur Telerik pour Blazor apporte une extension Visual Studio Code actualisée et améliorée ! Vous pouvez profiter de l'expérience utilisateur améliorée et configurer des thèmes de projet et des échantillons de couleurs en quelques clics lors de la création du projet. Vous pouvez également démarrer un projet Blazor avec le nouveau modèle de projet Admin Dashboard avec une mise en page et des fonctionnalités prédéfinies. Réorganisez la mise en page en fonction de vos besoins, connectez simplement vos données et liez-les aux composants, notamment la grille, la disposition en mosaïque, le tiroir, le calendrier, le formulaire, divers types de graphiques, la carte, etc.

Interface utilisateur Telerik pour ASP.NET Core et interface utilisateur pour ASP.NET MVC

Fonctionnalités communes

L'interface utilisateur Telerik pour ASP.NET Core et ASP.NET MVC prend en charge Visual Studio 2022, ce qui signifie que vous pouvez développer avec des composants Telerik, utiliser des modèles de projet et des extensions dans la dernière version de l'IDE.Suite aux dernières tendances technologiques, nous avons également fourni la compatibilité pour les versions d'aperçu de .NET 6 tout au long du année, et nous sommes maintenant heureux de partager e à Telerik UI pour ASP.NET Core prend en charge la version officielle de .NET 6.

Nous avons également ajouté quelques améliorations et nouvelles fonctionnalités aux offres ASP.NET MVC et Core et nous les examinerons en détail ci-dessous.

Accès facile aux API côté client et côté serveur
Démo Data Grid.

Source de données partagée avec le composant ScrollView
ScrollView UI (également connu sous le nom de carrousel) peut désormais référencer la source de données externe et accepter le nom de la source de données comme chaîne dans son . DataSourceméthode de configuration.

Nouvelles fonctionnalités et vues dans le composant d'interface utilisateur ColorPicker
Dégradé et Palette enrichies, ainsi qu'une option pratique pour le aux utilisateurs d'effectuer un basculement entre les couleurs prédéfinies (Palette) et les couleurs personnalisées (Dégradé). Il expose également pour les formats d'entrée RVB et HEX et une option pour configurer son format par défaut.

Telerik UI ColorPicker Gradient and Palette Views
vérification du rapport de contraste des couleurs entre deux couleurs en suivant les niveaux AA et AAA des Web Content Accessibility Guidelines (WCAG).

Modernisation du rendu des composants PanelBar
Composant Telerik PanelBar a reçu un aspect et une sensation légèrement rafraîchis, ce qui est surtout perceptible lorsque tout le contenu i s élargi. Les mises à jour de rendu et de classe garantissent que les éléments enfants se démarquent mieux et que la flèche de développement/réduction du panneau a été remplacée par un chevron.

Interface utilisateur Telerik pour ASP.NET Core – Fonctionnalités spécifiques

Interface utilisateur Telerik pour ASP.NET Core Responsive Panel
Pour compléter la prise en charge du référencement des composants Telerik à l'aide d'assistants HTML et TAG dans les applications ASP.NET Core, nous avons ajouté l'option permettant de brancher le composant d'interface utilisateur de panneau réactif à l'aide de Html.Kendo().ResponsivePanel () configuration.

Interface utilisateur Telerik pour ASP.NET MVC – Éléments spécifiques

Interface utilisateur Telerik pour ASP.NET AJAX

Les mises à jour de novembre couvrent également les composants Telerik AJAX ! la sortie de Telerik UI pour ASP.NET AJAX plusieurs améliorations d'accessibilité, la mise en œuvre de plusieurs éléments de portail de commentaires, une nouvelle démo et la prise en charge de Web Live Preview.

Reporting Integration Demo
composant RadGrid UI et Telerik Reporting et comment vous pouvez transmettre et afficher des donnéesASP.NET AJAX Grid dans une WebForms Report Viewer.

Prise en charge de Web Live Preview
Vous pouvez maintenant configurer votre Telerik ASP.NET AJAX contrôle directement dans le navigateur ainsi que dans Visual StudioDesigner en utilisant les puissantes capacités de Microsoft Web Live Preview(WLP). La fonctionnalité CSSAuto-Sync vous permet de personnaliser l'apparence des contrôles Telerik et la disposition de la page sans quitter Visual Studio.

TelerikUI forXamarin

Le contrôle Calendrier et planification est essentiel dans les scénarios où les utilisateurs doivent suivre leur emploi du temps et gérer efficacement leurs réunions. Avec l'application intégrée de l'interface utilisateur de planification les utilisateurs peuvent rapidement créer, modifier et supprimer des rendez-vous. Avec la version R3 2021 Service Pack, nous avons amélioré cette fonctionnalité en vous fournissant quelques événements pour recevoir une notification dès qu'un rendez-vous est modifié via l'interface utilisateur de planification.

De plus, la version R3 2021 Service Pack en apporte un de plus. événement que vous avez demandé—MonthChangedevent. Nous examinerons ces nouvelles fonctionnalités en détail ci-dessous.

Événement pour le changement de mois

Lorsque le calendrier est en vue Mois, les utilisateurs peuvent naviguer rapidement entre les mois d'un seul geste. Désormais, avec le nouvel événementMonthChangedvous pouvez suivre quand le mois en cours est mis à jour et implémenter une logique personnalisée en conséquence, par exemple, charger certains événements pour ce mois.

Événements pour les changements de rendez-vous

Changement de rendez-vous les événements seraient très utiles dans de nombreux scénarios : que vous ayez besoin de conserver les données du rendez-vous dans une base de données, que vous deviez informer l'utilisateur qu'une modification particulière a été apportée, et plus encore.

Comme leurs noms l'indiquent,Rendez-vous ajouté est déclenché lorsqu'un nouveau rendez-vous est créé,Rendez-vous supprimé lorsque l'utilisateur a supprimé un rendez-vous concret etRendez-vous mis à jour lorsque l'utilisateur a modifié une propriété d'un rendez-vous existant .

La partie délicate est ici dans le cas derendez-vous récurrents. Lorsque l'utilisateur de l'application ajoute une occurrence d'exception, ou met à jour ou supprime une occurrence (toutes ces options sont disponibles via les interfaces utilisateur de planification intégrées), l'événementAppointmentUpdated est déclenché, car en fait le La règle de récurrence du rendez-vous a été mise à jour.

Les trois événements fournissent des arguments d'événement de type AppointmentChangedEventArgs. AppointmentChangedEventArgs contient tous les détails nécessaires liés au changement de rendez-vous concret, tels que le rendez-vous lui-même et, en cas de rendez-vous répétés, l'occurrence et l'action d'occurrence (valeurs possibles : Aucun, Ajouter, Mettre à jour et Supprimer ).

La capture d'écran ci-dessous montre les messages de notification affichés sur les changements de rendez-vous avec de brèves informations sur les mises à jour concrètes. Vous pouvez vérifier la mise en œuvre exacte dans notre documentation ici :Calendrier et planification : exemple d'événements de modifications de rendez-vous.

Notes de version.

TelerikUI forWinUIv0.6.0

Nous sommes ravis d'annoncer l'interface utilisateur Telerik pour WinUI La version v0.6.0 est livrée avec un nouveau contrôle dans le cadre de notre suite d'interfaces utilisateur en expansion, la prise en charge de la dernière version stable du SDK de l'application Windows et une extension Visual Studio. Démos de bureau

SDK d'application Windows stable (Project Reunion) 0.8.5. Nous changeons également notre exemple d'application de WinUIUWP à WinUIDesktop et prendrons en charge la dernière version stable du SDK de l'application Windows. Vous pouvez installer l'application à partir de la page Web Telerik UI for WinUI Example et l'essayer ! 😊

Badge Control

Extension Visual Studioarticle de notre documentation.

Pour plus d'informations sur l'interface utilisateur Telerik pour WinUI v0.6.0, consultez nos Release Notes.

TelerikUI forWPF

Le Le Service Pack R3 2021 est là et regorge de nouvelles fonctionnalités, d'améliorations et de bonus.

Actions suggérées : Afficher toutes les propriétés

GanttView:AutoSizeTimeRuler

Nous ajoutons une nouvelle option pour dimensionner laTimeRulerqui ajustera automatiquement laPixelLength du contrôle en fonction de l'espace disponible. De cette façon, la zone TimeRuler serait étirée pour remplir l'espace vide en calculant manuellement la PixelLength. Pour plus d'informations, consultez l'article TimeRulerde la documentation d'aide de GanttView.

ComboBox:Dropdown Icon

LeRadComboBoxcontrôle est encore plus flexible avec son nouveauDropDownButtonIconContent etDropDownButtonIconTemplatepropriétés. Plus besoin d'extraire le modèle de contrôle par défaut pour modifier l'icône déroulante.

Est-il compatible avec le RadGlyph ? Oui, pleinement. Découvrez l'exemple suivant, qui montre comment définir aRadGlyphas l'icône du bouton déroulant de la zone de liste déroulante des contrôles de zone de liste déroulante modifiables et non modifiables :

<telerik :RadComboBoxIsEditable= "True" Marge="0 10 0 0"DropDownButtonIconContent="&#xe301;" Largeur="200 ">
<telerik:RadComboBox.DropDownButtonIconTemplate>
<Modèle de données>
<telerik:RadGlyphGlyph="{Binding}" Premier plan="#F7630C"/[19659146]>
</Modèle de données>
</telerik:RadComboBox.DropDownButtonIconTemplate>
</telerik:RadComboBox>
<telerik:RadComboBoxDropDownButtonIconContent="&#xe301;" Marge="0 10 0 0" Largeur="200">
<telerik:RadComboBox.DropDownButtonIconTemplate>
<Modèle de données>
<telerik:RadGlyphGlyph="{Binding}" Premier plan="#F7630C"/[19659146]>
</Modèle de données>
</telerik:RadComboBox.DropDownButtonIconTemplate>
</telerik:RadComboBox>

Et voici le résultat :

DropDown Iconarticle de la documentationComboBox.

ColorEditor:ColorSettingsPanelWidth

Avec la nouvelleColorSettingsPanelWidthpropertyofRadColorEditorvous pourrez facilement personnaliser le largeur du panneau de réglage des couleurs dans la liste déroulante (sur le côté droit).Par exemple, vérifiez les images ci-dessous. Le premier éditeur a une zone de paramètres de couleur étroite et le second a une zone plus large :

documentation d'aide de ColorEditor.

Nous en avons beaucoup plus ! Pour obtenir un aperçu de toutes les dernières fonctionnalités et améliorations que nous avons apportées, consultez les notes de version des produits ci-dessous :

TelerikUI forWinForms

Le Service Pack de la suite Telerik UI for WinForms arrive juste à temps avec le lancement officiel de Visual Studio 2022 et .NET 6 ! Ce Service Pack apporte une prise en charge complète de VS 2022 et .NET 6 ; formes arrondies prise en charge dans Windows 11 ; améliorations des performances dans les boîtes de dialogue de fichiers ; optimisations de la mémoire dans plusieurs commandes ; mentionne (suggestions) la fonctionnalité dans RadRichTextEditor ; et un ensemble de nouvelles fonctionnalités les plus votées. Cette année, nous sommes les premiers à prendre en charge l'expérience au moment de la conception pour .NET Core 3.1, .NET 5 et .NET 6 dans Visual Studio 2022.

Voyons en détail ce qui est livré avec le Service Pack R3 2021.[19659176] Prise en charge des coins arrondis dans Windows 11

Le dernier système d'exploitation Windows, v11, apporte de nombreuses fonctionnalités intéressantes où les coins arrondis ne sont qu'un élément de la conception améliorée. Il apportera une expérience plus élégante à vos formulaires dans les applications de bureau :

Mentions (suggestions) dans RadRichTextEditor

Cette fonctionnalité vous permet d'afficher une liste prédéfinie de suggestions à insérer dans le contenu du document lorsque les utilisateurs tapent un caractère de mention spécifique, par exemple « @ ». Vous pouvez utiliser un fournisseur par défaut pour les mentions ou en définir un personnalisé qui correspond à vos besoins. Plusieurs fournisseurs sont également pris en charge alors qu'ils ont des caractères de mention différents.

La flexibilité de la fonctionnalité vous permet également de contrôler la manière dont l'élément sélectionné est inséré, comment il est visualisé et comment il est mis en correspondance dans la même collection.

Sélecteur de date dansRadSchedulerNavigator

RadSchedulerNavigatoroffre un sélecteur de date. La sélection d'une date dans le calendrier modifiera la date de début of the active view, preserving the same days count.

Different Item's Height in RadPropertyGrid

RadPropertyGrid supports individual item's height. As the control does not expose the items directly, there is no Items collection. The data item can be accessed in the CreateItemElement or the ItemFormatting event. Then, specify the Item.ItemHeight property to the desired height.

RadVirtualKeyboard’s Improvements

RadVirtualKeyboard comes with a beep sound functionality after pressing a key and an improved API for finding a key row without the necessary of knowing the exact keyboard layout.

Polishing RadTaskBoard

In R3 2021, RadTaskBoard (also known as Kanban Board) was released. The new powerful control enables users to track their tasks in a simple, agile-style manner. It provides a clean and user-friendly interface for a functional task management application.

With the Service Pack, we polished the user and tag management in the task cards and now you can fully benefit from the RadTaskBoard control.

You can also check our Release History page for a complete list of the included improvements.

Telerik Reporting & Report Se rver

Along with the latest .NET & VS support, we introduced some helpful improvements and addressed a lot of bugs. Let’s review the more impactful ones.

Reporting Improvements

We made a very important improvement of the text measurement under Linux. We rely on a third-party text-handling library, and it has some significant flaws. This was bringing incorrect text wrapping and not on a rare occasion text that is clipped incorrectly. Using some smart algorithms, we now managed to make the rendered text layout almost identical to the one produced in Windows. We can safely consider this Linux user scenario covered.

The web-based report designer again received a substantial portion of our attention. Now the main menu displays a list of the recently opened reports for easily resuming report editing.

The “Open Report” functionality is further enhanced as you can now switch between Grid and List views in the “Open Report” dialog so that it better supports reports with a longer name. The list of the fixes in this designer is impressive.

We introduced the CommandTimeout property to the MSSQL Database Storage so that it can store resources of high volume. This is usually needed when huge reports get rendered and correspondingly cached. The property may be set as well using a newly added constructor overload or declaratively in the app configuration file.

We added a super handy endpoint “/api/reports/version” to the reports’ REST service implementations. As the address suggests, it returns the version of the server-side service assembly. Having this, if the server’s and viewer’s versions mismatch, you would get an informative message and upgrade the needed component. The handy part is that it can be also used to test if your service implementation is up and running or the programming gods have turned their backs on you today.

Back in February (R1 2021 SP1) we introduced functionality to skip the rendering of all pages not producing any significant content. This is especially useful for Report Books where some of the combined reports might not have data. We were sorry to hear this change in the behavior has caused some confusion for our users. Based on your feedback, we have improved this functionality and now if a page contains any error message, it is considered significant so that you as developers do not need to switch the SkipBlankPages property back and forth.

Again, an improvement based on user feedback: Some devs need to traverse all the data source components in the report definition. Now this is much easier using the dedicated GetDataSources method exposed on the Report level.

The other tool that got a lot of care for this release is the recently added WinUI report viewer. It now started to respect and display the interactive tooltips that are defined in the report model. We also further improved the UX in the high-contrast themes by using FontIcons instead of the original PathIcons. Next, the assemblies bringing the viewer itself may now be used in x86 apps (they were previously limited to x64 usage).

I would also mention a bug fix concerning the WinUI viewer when rendering reports from a Report Server (I know you knew that this scenario is supported). Now the Excel 97-2003, Web archive, and XPS renderings properly show the Export report dialog when selected. Again, the full list of fixes is available in the Release Notes article.

Bug Fixes

Lastly, let’s honor some important bug fixes. There was an annoying issue within the JSON serializer used on the server causing an error when an integer value got assigned to a multivalue float parameter. Well, it’s gone. Just to note that this serializer is used in the .NET Core 3.1/.NET 5/6 apps. And the second fix I will mention specifically is a security vulnerability bug fix in the legacy ASP.NET WebForms report viewer. Although this viewer is not being developed as it was effectively substituted with the HTML5 one (and all of its flavors), we are still committed to applying critical fixes, and the security ones are considered as such.

We hope that in this Service Pack release we managed to add valuable features and fix important bugs that will prove our product as a tool of choice for your apps, regardless of the platform or technology.

We will be extremely glad to hear from you about what we have missed or what can be done better, so please don’t hesitate and share your opinion below or drop a line in our Feedback Portal.

JustMock

Assert All Mock Expectations with a Single Method Call

A client of ours contacted us for assistance in validating the expectations set for numerous mock objects. From the communication with him, we found out that we lack a mechanism that can tackle quickly and easily such a situation. That’s why we implemented the AssertAll method.

Here is an example of how this feature can be used:

[TestMethod] 
public void TestMethod()
{ 
    var foo = Mock.Create(); 
    var bar = Mock.Create(); 

    Mock.Arrange(() => foo.Post()).Occurs(2); 
    Mock.Arrange(() => bar.Get()).Occurs(2); 

    foo.Post(); 
    bar.Get(); // just one call is made for the Get method 
    foo.Post(); 

    Mock.AssertAll(); // assert all will fail the test as the expectation for the Get method is not met 
} 

Optimized Unit Test Discovery Process in Visual Studio

Faster is always better when it comes to executing unit tests. With that in mind, we’ve managed to significantly improve the performance during the unit test discovery process inside the test explorer in Visual Studio.

There’s More to Come

Whew! No matter which product you’re interested in, that’s quite the update! If you’re looking to take advantage of any of these new features, all you have to do is update to the latest version that just recently was released. We will continue to provide updates along the way as we march toward R1 2022, so keep an eye out for more updates over the next couple of weeks!




Source link
Quitter la version mobile