首页 > 解决方案 > 使用 MVVM 模式时,WPF 组合框在视图中不可见

问题描述

我使用 MVVM 模式创建了一个 wpf 项目。在 View 中,当我启动一个项目时,我在 ComboBoxes 和 Labels 中没有看到任何项目,尽管在调试时我在 ObservableCollection 中看到了 DataContext 中的项目。在我的代码中绑定可能有什么问题?

我的 XAML 代码:

<ItemsControl ItemsSource="{Binding Items}" >
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"  />
                        <ColumnDefinition Width="*"  />
                    </Grid.ColumnDefinitions>
                    <Label  Content="{Binding Name}" Grid.Column="0" Height="26" Width="105" Margin="5,5,0.2,0"/>
                    <ComboBox  ItemsSource="{Binding ComboBoxItems}" Grid.Column="1" />
                </Grid>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

XAML.cs 代码:

this.DataContext = new ViewModel();
InitializeComponent(); 

ViewModel.cs 代码:

public ObservableCollection<Model> Items;
public ViewModel()
    {
        Items = new ObservableCollection<Model>();
        Items.Add(new Model { Name = "111111" });
        Items.Add(new Model { Name = "222222" });
        Items.Add(new Model { Name = "444444" });
        Items.Add(new Model { Name = "333333" });
    }

型号代码:

    public class Model : INotifyPropertyChanged
        {
    public ObservableCollection<string> ComboBoxItems;

    public Model()
            {
                   ComboBoxItems =new ObservableCollection<string>();
                   ComboBoxItems.Add("111111");
                   ComboBoxItems.Add("222222");
                   ComboBoxItems.Add("444444");
                   ComboBoxItems.Add("333333");
            }
private string _name;
    public string Name
            {
                get { return _name; }
               set
               {
                  _name= value;
                  OnPropertyChanged("Name");
               }
            }
    public void OnPropertyChanged([CallerMemberName]string prop = "")
            {
                if (PropertyChanged != null)
                    PropertyChanged(this, new PropertyChangedEventArgs(prop));
            }
  public event PropertyChangedEventHandler PropertyChanged;
       }

标签: wpfmvvmdata-bindingitemscontrolitemssource

解决方案


您需要属性才能使绑定起作用。

改变你的变量

 public ObservableCollection<string> ComboBoxItems;

到物业

 public ObservableCollection<string> ComboBoxItems {get;set;}

类似物品

public ObservableCollection<Model> Items;

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

您可能希望在 setter 中更改这些 propfull 和 raise 属性。

但是属性有 getter 和 setter。

变量不会,也不会绑定。


推荐阅读