Kann ein WPF ComboBox Anzeige alternativer text, wenn seine Auswahl ist null?

G ' Day!

Möchte ich meine WPF - ComboBox etwas zeigen alternativen text an, wenn Sie Ihre Daten-Auswahl gebunden ist null.

View-Modell hat den erwarteten Eigenschaften:

public ThingoSelectionViewModel : INotifyPropertyChanged {
    public ThingoSelectionViewModel(IProvideThingos) {
        this.Thingos = IProvideThingos.GetThingos();
    }

    public ObservableCollection<Thingo> Thingos { get; set; }

    public Thingo SelectedThingo { 
        get { return this.selectedThingo; }
        set { //set this.selectedThingo and raise the property change notification
    }

    //...

}

Ansicht XAML-binding der view-Modell in der erwarteten Weise:

<ComboBox x:Name="ComboboxDrive" SelectedItem="{Binding Path=SelectedThingo}"
          IsEditable="false" HorizontalAlignment="Left" MinWidth="100" 
          IsReadOnly="false" Style="{StaticResource ComboboxStyle}"
          Grid.Column="1" Grid.Row="1" Margin="5" SelectedIndex="0">
    <ComboBox.ItemsSource>
        <CompositeCollection>
        <ComboBoxItem IsEnabled="False">Select a thingo</ComboBoxItem>
        <CollectionContainer 
            Collection="{Binding Source={StaticResource Thingos}}" />
        </CompositeCollection>
    </ComboBox.ItemsSource>
</ComboBox>

Den ComboBoxItem eingeklemmt in der Spitze ist ein Weg, um ein zusätzliches Element an der Spitze. Es ist pure chrome: view-Modell bleibt rein und einfach. Es gibt nur ein problem: die Nutzer wollen "Wählen Sie ein thingo" angezeigt, wenn die ComboBox' Selektion ist null.

Den Nutzern nicht wollen eine thingo standardmäßig ausgewählt. Sie wollen, um zu sehen, eine Nachricht, Ihnen zu sagen, Sie wählen Sie eine thingo.

Möchte ich vermeiden, verunreinigen das viewmodel mit einem ThingoWrapper Klasse mit einem ToString Methode zurückgeben "Wählen Sie eine thingo:" wenn seine .ActualThingo - Eigenschaft ist null, einwickeln jedes Thingo als ich Auffüllen Thingos, und herauszufinden, einige Weg, um zu verhindern, dass der Benutzer von der Auswahl der genullt Thingo.

Ist es ein Weg, um die Anzeige "Wählen Sie ein thingo" innerhalb der ComboBox' Grenzen der Verwendung von reinem XAML, oder reinem XAML-Code und ein paar Zeilen code in der view code-behind-Klasse?

FWIW: ich landete Umsetzung der ThingoWrapper, ändern der ThingoSelectionViewModel zu bewältigen, die mit der Auswahl des gewickelten null-Wert, und Wege zu finden, wählen Sie automatisch die Whatsy und Fadoozamy Objekte, so dass ich nicht haben, um wickeln Sie Sie, auch.

InformationsquelleAutor Garth Kidd | 2010-05-25

3

Den Weg des geringsten Widerstandes, das ich hier gefunden habe, ist die Null-Objekt-Pattern ein Beispiel Für die Verwendung dieser Muster in der .NET Framework, betrachten Sie den statischen Wert Verdoppeln.NaN, wenn Sie ein Null-Objekt für Ihre Thingo, Ihrer Ansicht nach Modell Sie können den anfügen an die Spitze der Liste zu bedeuten, "nichts ausgewählt". Erstellen Sie ein DataTemplate für die Thingo Klasse, hat einen DataTrigger für die Null-Objekt-Instanz, zeigt die "Wählen Sie einen Wert".

Ich könnte Ihnen ein code-Beispiel, aber es ist vorbei mein Bett Zeit.

InformationsquelleAutor Michael Brown

Wie streng ist Ihre MVVM-Anforderung? Können Sie ein wenig code-behind der view?

Vielleicht könnten Sie enthalten die ComboBox in einem raster, so etwas wie dieses:

<Grid>
    <ComboBox x:Name="ComboBoxControl"
              SelectionChanged="ComboBoxControl_SelectionChanged"
              HorizontalAlignment="Left" VerticalAlignment="Top" 
              MinWidth="{Binding ElementName=UnselectedText, Path=ActualWidth}">
        <ComboBoxItem>One</ComboBoxItem>
        <ComboBoxItem>Two</ComboBoxItem>
        <ComboBoxItem>Three</ComboBoxItem>
    </ComboBox>
    <TextBlock IsHitTestVisible="False" 
               x:Name="UnselectedText" 
               HorizontalAlignment="Left" 
               Text="Select an option..." 
               VerticalAlignment="Top" Margin="4" 
               Padding="0,0,30,0" />
</Grid>

Dann in der code-behind, fügen Sie einige Logik in einem event-handler:

Private Sub ComboBoxControl_SelectionChanged(ByVal sender As System.Object, ByVal e As System.Windows.Controls.SelectionChangedEventArgs)
    If ComboBoxControl.SelectedIndex = -1 Then
        UnselectedText.Visibility = Windows.Visibility.Visible
    Else
        UnselectedText.Visibility = Windows.Visibility.Hidden
    End If
End Sub

Einstellung der IsHitTestVisible="False" DependencyProperty auf den TextBlock können Maus-events durch, so dass Sie können klicken Sie auf das ComboBox-Steuerelement, und setzen die Sichtbarkeit auf Hidden in der code-behind-hält das layout einer Standard-ComboBox das Aussehen von springen um, wenn der text für die Eingabeaufforderung wird ausgeblendet.

Sogar, wenn Sie wollen, es zu tun, so dass Sie nicht haben, zu brechen Ihre MVVM. Nur mit einem converter konvertieren Sie die Auswahl, um die Sichtbarkeit.

InformationsquelleAutor Rob Perkins

Können Sie nicht verwenden Sie eine steuerelementvorlage auslösen, aber man könnte eine einfache Artikel-Vorlage für die combobox:

<ComboBox ItemsSource="{Binding}" >
        <ComboBox.ItemTemplate>
            <DataTemplate>
                <TextBlock x:Name="displayText" Text="{Binding}" />
                <DataTemplate.Triggers>
                    <DataTrigger Binding="{Binding}" Value="{x:Null}">
                        <Setter TargetName="displayText" Property="Text" Value="Default Value" />
                    </DataTrigger>
                </DataTemplate.Triggers>
            </DataTemplate>
        </ComboBox.ItemTemplate>
    </ComboBox>

Hmm. Ich werde dieses heraus überprüfen auch.

InformationsquelleAutor Steve Greatrex

Edit:
Sieht aus wie der Auslöser der Idee ist ein no go. Ich habe Folgendes in die Kontrolle der Vorlage eines test-combo-box ohne Erfolg:

    <Trigger Property="SelectedItem" Value="{x:Null}">
        <Setter Property="Text" Value="No Item Selected"/>
    </Trigger>

Zusätzlich, wenn Sie versuchen, um das Steuerelement zu Bearbeiten Vorlage in der Mischung (Sie Aktuelle) ich bin Links mit einer drögen combobox, keine Farben, nur eine hässliche button (aber es gibt eine randlose dropdown). Versuchen Sie, jemand elses Vorschlag (Mike Brown vielleicht).

Original:

Können Sie einen Trigger in der Control-Vorlage. Hier ist ein Beispiel für die Verwendung einer ListBox-von einer app, die ich auf Arbeit bin.

<ControlTemplate x:Key="SnazzyFormListBoxTemplate" TargetType="{x:Type ListBox}">
    <Microsoft_Windows_Themes:ClassicBorderDecorator x:Name="Bd" SnapsToDevicePixels="True" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderStyle="Sunken" BorderThickness="{TemplateBinding BorderThickness}">
        <ScrollViewer Padding="{TemplateBinding Padding}" Focusable="False" Template="{DynamicResource SnazzyScrollViewerControlTemplate}">
            <Grid>
            <TextBlock x:Name="textBlock" Text="No Items" FontFamily="Arial" FontWeight="Bold" FontSize="13.333" Foreground="#4D000000" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,10"/>
            <ItemsPresenter x:Name="itemsPresenter" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
            </Grid>
        </ScrollViewer>
    </Microsoft_Windows_Themes:ClassicBorderDecorator>
    <ControlTemplate.Triggers>
        <Trigger Property="Selector.IsSelected" Value="True"/>
        <Trigger Property="HasItems" Value="False">
            <Setter Property="Visibility" TargetName="textBlock" Value="Visible"/>
            <Setter Property="Visibility" TargetName="itemsPresenter" Value="Collapsed"/>
        </Trigger>
        <Trigger Property="HasItems" Value="True">
            <Setter Property="Visibility" TargetName="textBlock" Value="Collapsed"/>
            <Setter Property="Visibility" TargetName="itemsPresenter" Value="Visible"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

Den oben ControlTemplate hat einen Trigger, der überprüft die Eigenschaft HasItems. Wenn False, wird ein textblock sagen "Keine Elemente" wird angezeigt, in der Mitte der ListBox. Wenn es Teile gibt, werden Sie hier angezeigt.

In deinem Fall, ändern Sie die trigger überprüfen, um zu sehen, ob ItemSelected ist x:Null und legen Sie die Text-Eigenschaft auf "Nichts Ausgewählt".

Benutzer ist zu Fragen, wie ein "nichts ausgewählt" - Wert in der combobox, nicht zu haben, einen anderen Blick für eine leere combobox.
Ich weiß. Sie können einen trigger in der steuerelementvorlage, prüft den Zustand der ausgewählten Elemente, und wenn es null ist, dann setzen Sie den Wert der text der box auf "Nichts Ausgewählt". Ich hatte gehofft, die Benutzer schließen könnte, dass aus dem gegebenen Beispiel. Aktualisiert meine Antwort besser zu passen.
Braun: ich habe bearbeitet meine Antwort, so würde ich es schätzen, wenn Sie konnten, entfernten die downvote.

InformationsquelleAutor CodeWarrior

1

Ich weiß, dies ist ein Alter thread, aber hier ist, wie ich es mache. Nachdem ich hol die Thingos Sammlung, ich fügen Sie einfach ein neues Thingo mit einer gefälschten ID-Wert und display-Wert "Wählen Sie eine thingo."
```
    public ThingoSelectionViewModel(IProvideThingos) {
            this.Thingos = IProvideThingos.GetThingos();
            Thingo newThingo = new Thingo();
            newThingo.ThingoID = -1;
            newThingo.ThingoDisplayName = "Select a thingo";
            this.Thingos.Insert(0, newThingo);
        }
```
Nun, wenn das Kombinationsfeld-Datenbindung, wird das erste Element "Wählen Sie eine thingo." Dann, wenn ein Thingo ausgewählt ist, Teste ich die ID des SelectedThingo, und handeln Sie entsprechend.
- Das ist im Grunde die Null-Objekt-Pattern. Manchmal benutze ich eine statische Eigenschaft der Klasse machen, dass das Null-Objekt, damit die Menschen können Sie Ihre thingo gegen Thingo.NotSpecified.
- Zahlen.... Ich werde oft gefragt, ob ich tun oder verwenden, "so und so" eine Methode oder ein Prozess, und ich denke, die Antwort ist 'Nein.' Nur um herauszufinden, dass die Antwort ist "ja", aber ich einfach nicht wusste, was es war offiziell genannt. Danke.
InformationsquelleAutor D'Hag
0

Ich weiß, ich bin Wiederauferstehung eine alte post, aber dieser war der erste, der kam auf meine google-Suche.
In Visual Studio können Sie wählen, um die Standard-Auswahl auf 0 statt -1, und gerade haben Sie Ihre erste Auswahl der Standard-text.
```
<ComboBox x:name="ThingoSelector" SelectedIndex="0">
    <ComboBoxItem IsEnabled="False">Choose Thingo</ComboBoxItem>
    <ComboBoxItem>Thingo 1</ComboBoxItem>
</ComboBox>
```
InformationsquelleAutor Hyren

Andere Möglichkeit:

HTML:

<ComboBox>
  <ComboBoxItem Visibility="Collapsed" IsSelected="True">
    <TextBlock Text="Choose item" />
  </ComboBoxItem>
  <ComboBoxItem>
    <TextBlock Text="Item 1" />
  </ComboBoxItem>
  <ComboBoxItem>
    <TextBlock Text="Item 2" />
  </ComboBoxItem>
</ComboBox>

InformationsquelleAutor user9198839

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.