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><h2> Colonnes définies par l'utilisateur</h2><p> à 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.</p><div class=

< 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><p> Vous pouvez utiliser n'importe quel type de colonne <a href= 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><h2> Tri</h2><p> 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» <strong> trie </strong> le RadGridView en fonction de la propriété entière sous-jacente afin que vous puissiez le faire.</p><p><img decoding= 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><p> L'image ci-dessus illustre le mode par défaut <strong> SuggestAppend </strong>. 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 <strong> StartsWith </strong>. 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.</p><p> Les modes <strong> Suggérer </strong> et <strong> Append </strong> proposent, quant à eux, uniquement le filtrage des éléments ou l'auto-complétion, respectivement.</p><p> Le mode <strong> Search </strong>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 <strong> Contains </strong> est utilisé pour la comparaison des propriétés de chaîne, tandis que l'opérateur <strong> IsEqualTo </strong> est utilisé pour comparer tous les autres types par rapport à l'opérateur <strong> StartsWith </strong> utilisé dans</p><p> <img decoding= 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.

Le meilleur outil 2023 pour ta croissance Instagram !



Source link