Fermer

octobre 23, 2018

Présentation de MultiColumnComboBox dans l'interface utilisateur Telerik pour WPF


J'aimerais vous présenter le nouveau MultiColumnComboBox dans l'interface utilisateur Telerik pour WPF. Ce puissant contrôle vous permet d’afficher davantage d’informations à vos utilisateurs et de facilement les trier et les filtrer.

Le dernier-né de l’interface utilisateur de Telerik pour WPF, MultiColumnComboBox, est une combinaison de RadComboBox et de RadGridView. Conçu pour vous permettre d'afficher plus d'informations pour vos utilisateurs qu'un ComboBox standard, il est fourni avec un filtrage et un tri prêts à l'emploi, de sorte que les utilisateurs puissent facilement sélectionner les éléments souhaités.

Par exemple, vous voulez choisir le meilleur employé pour traiter un certain ordre qui doit être traité. Vous pouvez facilement lier le contrôle à n'importe quel IEnumerable en lui fournissant une implémentation de la classe abstraite ItemsSourceProvider.

 Vue d'ensemble de MultiColumnComboBox "title =" Vue d'ensemble de MultiColumnComboBox "/></p data-recalc-dims=

Colonnes définies par l'utilisateur

à l'aide de GridViewItemsSourceProvider Outre la spécification de la collection Columns, vous pouvez également appliquer un certain nombre de personnalisations, telles que l'activation des pieds de page et la définition de styles personnalisés pour les lignes de la grille.

< telerik: RadMultiColumnComboBox DisplayMemberPath [19659011] "Nom"

NullText = = = "Choisissez l'employé pour traiter la commande ..."

] Largeur = "300"

DropDownWidth = "530"

DropDownHeight = "255" > – Images de bureau

< telerik: RadMultiColumnComboBox.ItemsSourceProvider >

telerik: GridViewItemsSourceProvider AutoGenerateColumns = "Faux" ItemsSource = "{Employés contraignants}" > [1945900] < telerik: GridViewItemsSourceProvider.Columns >

< telerik: GridView ] = "Prénom" DataMemberBind ing = "{Binding FirstName}" />

< telerik: GridViewDataColumn En-tête [19659000] ] = "Nom" DataMemberBinding = "{Nom obligatoire}" /> [19459104]

telerik: GridViewDataColumn DataMemberBinding = "{Binding City}" />

telerik: GridViewDataColumn Header = "Date de la location" DataMemberBinding = "{Binding HireDate}" /> />

. <span style= < telerik: GridViewDataColumn Header = "Nombre de commandes" DataMemberBinding = [19659011] "{Binding Orders.Count}" />

</ telerik: GridViewItemsSourceProvider.Columns

</ telerik: GridViewItemsSourceProvider

telerik: GridViewItemsSourceProvider

telerik: RadMultiColumnComboBox.ItemsSourceProvider >

</ telerik: RadMultiColumnComboBox [1965910]

 Colonnes définies par l'utilisateur "title =" Colonnes définies par l'utilisateur "/></p data-recalc-dims=

Vous pouvez utiliser n'importe quel type de colonne que vous utiliseriez dans un contrôle RadGridView ordinaire, ainsi que définir . des modèles de cellules personnalisés pour eux, ce qui rend le nombre de possibilités d'affichage de vos données pratiquement infini.

Tout comme les autres commandes de notre suite Telerik UI pour WPF, la RadMultiColumnComboBox est hautement personnalisable. son texte en filigrane, en choisissant quelle propriété des objets liés doit être affichée lorsque des éléments sont sélectionnés, ainsi que la possibilité de redimensionner son menu déroulant, pour en nommer quelques-uns.

Filtrage

Maintenant que vous avez affiché les données qui Pour vos utilisateurs, ils auront également la possibilité de filtrer les éléments en fonction de leurs critères personnalisés. Pour les besoins de cet article de blog, supposons que vous souhaitiez afficher uniquement les employés qui ont marqué Londres comme ville de résidence. RadGridView ' La commande de filtrage familière simplifie ce filtrage en cochant une case à cocher.

 Filtrage de la MultiColumnComboBox "title =" Filtrage de la MultiColumnComboBox "/></p data-recalc-dims=

Tri

Que faire si vous voulez choisir l'employé de London qui a le moins de commandes en cours pour traiter la commande? Un simple clic sur la colonne «Orders Count» trie le RadGridView en fonction de la propriété entière sous-jacente afin que vous puissiez le faire.

 Tri du MultiColumnComboBox "title =" Tri du MultiColumnComboBox "/> [19659119] Sélection multiple</h2 data-recalc-dims=

Et que se passe-t-il si la commande à traiter nécessite la collaboration de plusieurs employés? Heureusement, RadMultiColumnComboBox prend en charge la sélection multiple. Vous devez uniquement définir son SelectionMode à . Multiple .

 Sélection multiple dans MultiColumnComboBox "title =" Sélection multiple dans MultiColumnComboBox "/></p data-recalc-dims=

Saisie semi-automatique

Enfin, le contrôle est livré avec 4 modes autocomplete différents afin que vos utilisateurs peuvent facilement trouver les données qu’ils recherchent. Même s’il ya des milliers d’employés dans votre base de données, vous ne trouverez que celui que vous cherchez en quelques frappes au clavier.

 Saisie semi-automatique dans le MultiColumnComboBox "title =" Saisie semi-automatique dans MultiColumnComboBox "/></p data-recalc-dims=

L'image ci-dessus illustre le mode par défaut SuggestAppend . Ainsi, lors de la saisie d’une valeur, RadGridView sera filtré pour n’afficher que les éléments contenant la valeur recherchée dans l’une des colonnes. La comparaison est effectuée à l'aide de l'opérateur StartsWith . De plus, s'il n'y a qu'un seul élément correspondant, le texte de la zone de saisie est automatiquement complété avec la valeur correspondante.

Les modes Suggérer et Append proposent, quant à eux, uniquement le filtrage des éléments ou l'auto-complétion, respectivement.

Le mode Search quant à lui, filtre et met en surbrillance les données. Il existe deux différences entre ce mode et le mode Suggérer Ajouter. La première est que le texte correspondant n'est pas ajouté à l'entrée. En outre, l'opérateur Contains est utilisé pour la comparaison des propriétés de chaîne, tandis que l'opérateur IsEqualTo est utilisé pour comparer tous les autres types par rapport à l'opérateur StartsWith utilisé dans

 Recherche du mode autocomplétion dans MultiColumnComboBox "title =" Recherche du mode autocomplétion dans MultiColumnComboBox "/></p data-recalc-dims=

Partager vos commentaires

Pour résumer, le RadMultiColumnComboBox sélectionne des éléments une source de données volumineuse est une tâche facile. Même si le contrôle est en version bêta, vous pouvez déjà l'utiliser pour améliorer l'expérience de vos utilisateurs. Si vous avez des questions ou des suggestions, n'hésitez pas à nous contacter. Vous pouvez poster sur notre forum proposez des améliorations dans notre portail de commentaires ou contactez-nous simplement dans les commentaires ci-dessous.

N'hésitez pas à consulter notre documentation pour apprendre plus sur w Ce que le contrôle peut faire. Si vous êtes nouveau dans l'interface utilisateur Telerik pour WPF, vous pouvez consulter la suite ici ou passer directement à un essai gratuit gratuit.


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




Source link