1

Столкнулся с трудностью. Создаю приложение с MVVM. Есть ListBox, 2 TextBox-а и Combobox. Нужно сделать так, чтобы при изменении выбранного элемента изменялись содержимые контролов. Изменить содержимое TextBox-ов получается, но как изменять заполнение ComboBox-а? Нужно, чтобы при выборе First ComboBox содержал значения (1, 2, 3), при Second - (10, 20, 30), при Third - (100, 200, 300)

введите сюда описание изображения

Модель:

public class Model : INotifyPropertyChanged
{
    public int x, y, z;
    public string Name { get; set; }
    public List<int> Z_values = new List<int>();

    public int X
    {
        get { return x; }
        set
        {
            x = value;
            OnPropertyChanged("X");
        }
    }
    public int Y
    {
        get { return y; }
        set
        {
            y = value;
            OnPropertyChanged("Y");
        }
    }
    public int Z
    {
        get { return z; }
        set
        {
            z = value;
            OnPropertyChanged("Z");
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

ViewModel:

public class ViewModel : INotifyPropertyChanged
{
    private Model current;

    public ObservableCollection<Model> Models { get; set; }

    public Model Current
    {
        get { return current; }
        set
        {
            current = value;
            OnPropertyChanged("Current");
        }
    }

    public ViewModel()
    {
        Models = new ObservableCollection<Model>
        {
            new Model{Name="First", X=1, Y=1, Z_values={ 1, 2, 3} },
            new Model{Name="Second", X=2, Y=2, Z_values={ 10, 20, 30}},
            new Model{Name="Third", X=3, Y=3, Z_values={ 100, 200, 300}}
        };
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

Xaml:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <ListBox x:Name="list1" Grid.Column="0" ItemsSource="{Binding Models}" IsSynchronizedWithCurrentItem="True">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel Margin="5">
                    <TextBlock FontSize="18" Text="{Binding Path=Name}" />
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
    <StackPanel Grid.Column="1">
        <TextBox x:Name="X" Text="{Binding Models/X, UpdateSourceTrigger=PropertyChanged}"/>
        <TextBox x:Name="Y" Text="{Binding Models/Y, UpdateSourceTrigger=PropertyChanged}"/>
        <ComboBox x:Name="Z" Height="20" ItemsSource="{Binding Models/Z_values}">
            <ComboBox.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding UpdateSourceTrigger=PropertyChanged}"/>
                </DataTemplate>
            </ComboBox.ItemTemplate>
        </ComboBox>
    </StackPanel>
</Grid>
2

1 ответ 1

0

Сложно было понять, что нужно, хотя-бы потому, что у вас разные числа в коде и в вопросе. Но рассмотрите такой вариант, и вместо свойства Current можно попробовать использовать IsSynchronizedWithCurrentItem.

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <ListBox x:Name="list1" Grid.Column="0" ItemsSource="{Binding Models}" IsSynchronizedWithCurrentItem="True">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel Margin="5">
                    <TextBlock FontSize="18" Text="{Binding Path=Name}" />
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
    <StackPanel Grid.Column="1">
        <TextBox x:Name="X" Text="{Binding Models/X, UpdateSourceTrigger=PropertyChanged}"/>
        <TextBox x:Name="Y" Text="{Binding Models/Y, UpdateSourceTrigger=PropertyChanged}"/>
        <ComboBox x:Name="Z" Height="20" ItemsSource="{Binding Models}">
            <ComboBox.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Z}"/>
                </DataTemplate>
            </ComboBox.ItemTemplate>
        </ComboBox>
    </StackPanel>
</Grid>

При условии, что вы эту уже переопределяете ItemTemplate у ListBox, я не понял, почему вы не сделали то же самое ComboBox.

Кстати, ради развлечения, попробуйте комбобоксу тоже задать IsSynchronizedWithCurrentItem и посмотрите, что будет. :)

7
  • Спасибо за ответ, но вопрос был немного в другом. Нужно, чтобы содержимое комбобокса зависело от выбранной строки листбокса. То есть если мы выбираем ряд First, содержимое комбобокса - (1, 2, 3), если Second - (10, 20, 30), если Third - (100, 200, 300)
    – Vladislav
    Commented 11 июн. 2020 в 8:52
  • @Vladislav а теперь посмотрите в свой код, в котором я не нашел 10, 20 и 30.
    – aepot
    Commented 11 июн. 2020 в 9:14
  • Собственно, в том и проблема. Я не знаю, где и как определить эти нужные 10, 20, 30 и др., чтобы иметь возможность использовать их в ComboBox. Нужно добавить еще один ObservableCollection и привязать к нему ComboBox? Но в таком случае нужно будет как-то менять ItemSourse и не будет привязки к ListBox
    – Vladislav
    Commented 11 июн. 2020 в 9:24
  • @Vladislav определите их как список, комбобокс привязывается к списку. Внесите этот список как свойство в свой класс с данными. ObservableCollection нужно использовать там, где есть динамическое изменение списка, в противном случае можно использовать хоть List.
    – aepot
    Commented 11 июн. 2020 в 9:35
  • 1
    Разобрался, большое спасибо
    – Vladislav
    Commented 12 июн. 2020 в 8:06

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.