Données hiérarchiques —des collections séparées d'éléments et leurs éléments enfants Données plates —une seule collection d'éléments avec des relations parent-enfant définies Е chaque propriété d'élément de menu contextuel de la liste: Id, ParentId, HasChildren, Items, Text, ImageURL / Icon / ImageClass, URL, Separator, Disabled peut être défini via le champs correspondants dans leur liaison de données.
Styling ContextMenu with Icons
Vous pouvez mettre une image une classe d'icônes ou une icône de police pour chaque élément du menu contextuel pour illustrer son objectif pour vos utilisateurs finaux .
Personnalisation de ContextMenu avec des modèles
Vous pouvez facilement personnaliser le ContextMenu et ses éléments en utilisant l’une des options de modèle :
- Item Template —le rendu de chaque contexte individuel élément de menu pour que vous puissiez rendre plus que les champs de texte et d'icônes intégrés
- Modèle de contenu – vous permet de contrôler le rendu de l'ensemble de la fenêtre contextuelle
Un exemple de code avec une telle intégration peut être trouvé dans le fichier officiel documentation .
De plus, le composant dispose d'un paramètre simple mais puissant appelé Selector qui facilite la tâche d'attacher le menu contextuel à une ou plusieurs cibles. En utilisant le Méthode ShowAsync vous peut également ajuster le contenu du menu contextuel, c'est-à-dire. quels éléments de menu doivent être affichés / actifs en fonction de l'élément sur lequel l'utilisateur a cliqué. Consultez l'exemple de code montrant comment modifier les éléments ContextMenu en fonction des données cibles.
Navigation ContextMenu
En plus d'être utilisés comme raccourci pour les commandes, les éléments ContextMenu peuvent également être utilisés pour la navigation entre les différentes pages de votre application Blazor. Le composant peut générer les liens nécessaires pour vous via son champ UrlField lorsque liaison de données . Tout ce que vous avez à faire est de fournir une collection de modèles qui décrivent les pages vers lesquelles vous voulez que l'utilisateur navigue et de renseigner son UrlField avec les données correspondantes du modèle (vous pouvez également fournir une propriété Url dans le modèle).
ContextMenu Événement Onclick
L'événement OnClick se déclenche lorsque l'utilisateur clique ou tape sur un élément du menu contextuel et il convient aux cas où réagir à la sélection de l'utilisateur sans utiliser la navigation pour charger automatiquement le nouveau contenu.
Améliorations des composants Blazor
Nouveaux événements Blazor Grid
Avec chaque version de Telerik UI pour Blazor, nous essayons de donner de l'amour et d'étendre les fonctionnalités de the Grid . Dans la version actuelle, nous avons travaillé à étendre les possibilités du point de vue de la programmation et exposé plusieurs nouveaux événements et fonctionnalités, afin que vous ayez le contrôle de l'interaction de l'utilisateur avec la grille et ses opérations de données personnalisées.
Blazor Grid Grouping with OnRead
] Lorsque vous utilisez le regroupement intégré Grille ou une autre fonction prête à l'emploi, cela vous masque la complexité des opérations de données effectuées en interne. Il y a encore des cas où vous devez effectuer vous-même le regroupement dans le code (et / ou sur le service côté serveur), et vous pouvez maintenant utiliser l'événement OnRead avec regroupement. Pour une explication détaillée de ce que vous devez prendre en compte, ainsi que pour la préparation des données à effectuer, consultez l'exemple sur comment configurer la grille pour utiliser le regroupement avec des opérations manuelles de source de données et comment utiliser les extensions Telerik DataSource pour préparer des données groupées.
Événements de développement / réduction de lignes de Blazor Grid
- L'événement OnRowExpand se déclenche en réponse à l'utilisateur développant le modèle de détail (enregistrements parent-enfant) du Grid et est pratique lorsque vous devez charger des données détaillées de Grid à la demande
- L'événement OnRowCollapse se déclenche en réponse à la réduction par l'utilisateur du modèle de détail de la grille et vous offre un accès facile au modèle du row
Événement de menu contextuel de la grille Blazor
L'événement OnRowContextMenu se déclenche en réponse à:
- clic droit sur une ligne de grille
- clic sur le bouton du clavier du menu contextuel
- long -toucher sur m périphériques obiles
L'événement Grid OnRowContextMenu est utilisé pour intégrer le menu contextuel avec Grid Rows. Son gestionnaire d'événements reçoit un objet GridRowClickEventArgs qui fournit le modèle de la ligne cliquée et expose une propriété EventArgs. Vous pouvez utiliser les arguments d'événement pour déterminer la touche du clavier ou la position du curseur de la souris lorsque l'utilisateur a effectué une action.
Blazor Chart Series
Dans l'interface utilisateur Telerik pour la version Blazor 2.16, nous avons ajouté deux séries de types de graphiques pour faciliter analyse financière et des prix: OHLC et Candlestick .
Menu
:
- Separator – vous permet de définir une ligne dans le composant Menu en le définissant sur true. vous permet de distinguer les éléments logiquement regroupés entre deux séparateurs.
- Désactivé – vous permet de désactiver les éléments de menu en le définissant sur true (ces éléments de menu sont toujours rendus mais ne seront pas cliquables).
Nouvelle version de Telerik Blazor, nouveau look de démos!
Nous sommes ravis que les Démos Telerik UI for Blazor aient un tout nouveau look! Alors que le nombre de composants et de démos et d'exemples de code associés augmente continuellement , nous avons repensé nos démos afin que vous puissiez facilement naviguer et rechercher des fonctionnalités spécifiques. De plus, nous leur avons donné un tout nouveau style sophistiqué.
Téléchargez l'interface utilisateur Telerik pour Blazor 2. 1 6.0