Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

binding combobox to another combobox in wpf

Tags:

html

c#

binding

wpf

I have two combo boxes in wpf one of the combo boxes looks like so:

            <ComboBox Height="23" HorizontalAlignment="Left" Margin="244,10,0,0" Name="comboBox2" VerticalAlignment="Top" Width="120">
                <ComboBoxItem Content="Peugeut" />
                <ComboBoxItem Content="Ford" />
                <ComboBoxItem Content="BMW" />
            </ComboBox>

I was wondering how you bind the second combobox2 to list specifc car makes to the selected item in combobox1.

If Peurgeut is selected then in combobox two there should be a list:

106
206
306 

or if bmw is selected then

4 series
5 series

And so on

like image 979
G Gr Avatar asked Jul 26 '12 03:07

G Gr


2 Answers

    <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="50"/>
        <RowDefinition Height="50"/>
    </Grid.RowDefinitions>

    <ComboBox Height="23" ItemsSource="{Binding Cars}" DisplayMemberPath="Name" HorizontalAlignment="Left" Margin="244,10,0,0" Name="comboBox1" VerticalAlignment="Top" Width="120"/>
    <ComboBox Height="23" Grid.Row="1" ItemsSource="{Binding SelectedItem.Series, ElementName=comboBox1}" HorizontalAlignment="Left" Margin="244,10,0,0" Name="comboBox2" VerticalAlignment="Top" Width="120"/>

</Grid>

    public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        Cars = new ObservableCollection<Car>();
        Cars.Add(new Car() { Name = "Peugeut", Series = new ObservableCollection<string>() { "106", "206", "306" } });
        Cars.Add(new Car() { Name = "Ford", Series = new ObservableCollection<string>() { "406", "506", "606" } });
        Cars.Add(new Car() { Name = "BMW", Series = new ObservableCollection<string>() { "706", "806", "906" } });
        DataContext = this;

    }

    public ObservableCollection<Car> Cars { get; set; }

}
public class Car
{
    public string Name { get; set; }
    public ObservableCollection<string> Series { get; set; }
}

I hope this will help.

like image 136
yo chauhan Avatar answered Oct 06 '22 01:10

yo chauhan


Unless you look up the data I don't think you can do it with just XAML. If, however, you created a class to bind your combo boxes you could have a class with something like:

public class CarMake
{
    public string Make {get; set;}
    public List<string> Models {get; set;}
}

Then in your first combo box, just bind to an instance of List with the info populated, then bind the second combo box like:

<ComboBox ItemsSource="{Binding ElementName=FirstComboBox, Path=SelectedItem.Models}" ></ComboBox>

That should get you going...

like image 31
EdFred Avatar answered Oct 06 '22 00:10

EdFred