Comment afficher le texte par défaut "--Sélectionner l'équipe --" dans une boîte combo sur un pageload en WPF ?

Question

Dans une application WPF, dans une application MVP, j'ai une boîte combo, pour laquelle j'affiche les données extraites de la base de données. Avant que les éléments ne soient ajoutés à la liste déroulante, je souhaite afficher le texte par défaut suivant

" -- Sélectionner l'équipe --"

afin qu'il s'affiche lors du chargement de la page et qu'en le sélectionnant, le texte s'efface et les éléments s'affichent.

La sélection des données à partir de la base de données se produit. J'ai besoin d'afficher le texte par défaut jusqu'à ce que l'utilisateur sélectionne un élément dans la liste déroulante.

Veuillez me guider

Answer 1

La méthode la plus simple que j'ai trouvée est la suivante :

<ComboBox Name="MyComboBox"
 IsEditable="True"
 IsReadOnly="True"
 Text="-- Select Team --" />

Vous devrez évidemment ajouter d'autres options, mais c'est probablement la façon la plus simple de procéder.

Cette méthode présente toutefois un inconvénient : si le texte à l'intérieur de la liste déroulante n'est pas modifiable, il reste sélectionnable. Cependant, étant donné la mauvaise qualité et la complexité de toutes les alternatives que j'ai trouvées jusqu'à présent, il s'agit probablement de la meilleure option disponible.

Answer 2

Vous pouvez le faire sans code en utilisant une fonction IValueConverter .

<Grid>
   <ComboBox
       x:Name="comboBox1"
       ItemsSource="{Binding MyItemSource}"  />
   <TextBlock
       Visibility="{Binding SelectedItem, ElementName=comboBox1, Converter={StaticResource NullToVisibilityConverter}}"
       IsHitTestVisible="False"
       Text="... Select Team ..." />
</Grid>

Vous avez ici la classe du convertisseur que vous pouvez réutiliser.

public class NullToVisibilityConverter : IValueConverter
{
    #region Implementation of IValueConverter

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value == null ? Visibility.Visible : Visibility.Collapsed;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }

    #endregion
}

Enfin, vous devez déclarer votre convertisseur dans une section de ressources.

<Converters:NullToVisibilityConverter x:Key="NullToVisibilityConverter" />

Où Convertisseurs est l'endroit où vous avez placé la classe de convertisseurs. Voici un exemple :

xmlns:Converters="clr-namespace:MyProject.Resources.Converters"

L'avantage de cette approche est qu'il n'y a pas de répétition de code dans votre code.

Answer 3

J'aime bien la réponse de Tri Q, mais ces convertisseurs de valeur sont pénibles à utiliser. PaulB l'a fait avec un gestionnaire d'événements, mais c'est également inutile. Voici une solution purement XAML :

<ContentControl Content="{Binding YourChoices}">
    <ContentControl.ContentTemplate>
        <DataTemplate>
            <Grid>
                <ComboBox x:Name="cb" ItemsSource="{Binding}"/>
                <TextBlock x:Name="tb" Text="Select Something" IsHitTestVisible="False" Visibility="Hidden"/>
            </Grid>
            <DataTemplate.Triggers>
                <Trigger SourceName="cb" Property="SelectedItem" Value="{x:Null}">
                    <Setter TargetName="tb" Property="Visibility" Value="Visible"/>
                </Trigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </ContentControl.ContentTemplate> 
</ContentControl>

Answer 4

Personne n'a dit qu'une solution purement xaml devait être compliquée. En voici une simple, avec 1 data trigger sur la boîte de texte. Marge et position à volonté

<Grid>
    <ComboBox x:Name="mybox" ItemsSource="{Binding}"/>
    <TextBlock Text="Select Something" IsHitTestVisible="False">
           <TextBlock.Style>
                <Style TargetType="TextBlock">
                      <Setter Property="Visibility" Value="Hidden"/>
                      <Style.Triggers>
                            <DataTrigger Binding="{Binding ElementName=mybox,Path=SelectedItem}" Value="{x:Null}">
                                  <Setter Property="Visibility" Value="Visible"/>
                             </DataTrigger>
                      </Style.Triggers>
                </Style>
           </TextBlock.Style>
     </TextBlock>
</Grid>

Answer 5

Set (jeu de mots) IsEditable="True" sur le ComboBox élément. Cet élément affichera l'élément Text de la propriété ComboBox .