0

我是 WPF 新手,但创建了一个带有包装面板的窗口,其中包含从后面的代码动态添加的用户控件实例的集合。每个用户控件最终将显示从数据库调用返回的行中的数据。我想让它遵循 MVVM,但在架构上有点卡住。我想我需要有一个用户控件的视图模型和一个拥有用户控件视图模型的 observablecollection 的窗口的视图模型。如何将其绑定到视图侧的包装面板,以便包装面板看到用户控件视图模型的集合并知道为集合中的每个实例建立用户控件?

我认为一旦这一切都正确绑定,我可以让后台工作人员定期查询数据库并创建/更新用户控件视图模型对象,如果我从 INotifyPropertyChanged 继承并在我的用户控件视图模型中触发属性更改事件一切都应该根据绑定进行更新。这听起来正确吗?

我已经看到了一些基本示例,例如绑定到列表框的字符串的 observablecollection,但我在将其应用于更复杂的情况时遇到了麻烦。任何关于一般架构或我应该从哪里开始的建议都非常感谢!

4

2 回答 2

9

基本上,您需要一个可枚举控件,该控件为 ObservableCollection 中的每个元素都有一个项目。控件的项目将需要模板化以使用您的自定义控件显示数据

为此,请创建一个 ObservableCollection 来保存您的数据对象并将其用作 ListBox 的 ItemsSource。然后需要更改 ListBox 以在 WrapPanel 而不是默认布局中显示其项目。修改 ListBox 的 ItemTemplate 以对每个列表项使用您的自定义用户控件。

视图模型:

public class WindowViewModel
{
     public ObservableCollection<MyDatabaseObject> DatabaseObjects { get; set; }
}


public class MyDatabaseObject : INotifyPropertyChanged
{
     public event PropertyChangedEventHandler PropertyChanged;

     public string DbName 
     { 
         get { return _dbName; }
         set { 
                _dbName = value;
                if (PropertyChanged != null)
                    PropertyChanged(this, new PropertyChangedEventArgs("dbName");
         } 
     }

     private _dbName;
}

xml:

 <Grid>
    <ListBox ItemsSource="{Binding DatabaseObjects}">
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel/>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <MyUserControl Title="{Binding DbName}"/>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Grid>
于 2012-04-08T23:12:28.840 回答
2

你在找ItemsControl课吗?为您的ItemUserControlViewModelItemsControl.ItemTemplate设置为 a DataTemplate(-> 项目用户控件视图)。并ItemsControl.ItemsPanel设置为ItemsPanelTemplatea WrapPanel

ItemControl 的ItemsSource属性将绑定到您的ObservableCollection<ItemUserControlViewModel>from WindowViewModel

于 2012-04-08T21:33:55.913 回答