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
    11 июн 2020 в 8:52
  • @Vladislav а теперь посмотрите в свой код, в котором я не нашел 10, 20 и 30.
    – aepot
    11 июн 2020 в 9:14
  • Собственно, в том и проблема. Я не знаю, где и как определить эти нужные 10, 20, 30 и др., чтобы иметь возможность использовать их в ComboBox. Нужно добавить еще один ObservableCollection и привязать к нему ComboBox? Но в таком случае нужно будет как-то менять ItemSourse и не будет привязки к ListBox
    – Vladislav
    11 июн 2020 в 9:24
  • @Vladislav определите их как список, комбобокс привязывается к списку. Внесите этот список как свойство в свой класс с данными. ObservableCollection нужно использовать там, где есть динамическое изменение списка, в противном случае можно использовать хоть List.
    – aepot
    11 июн 2020 в 9:35
  • 1
    Разобрался, большое спасибо
    – Vladislav
    12 июн 2020 в 8:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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