将类属性绑定到MVVM中的UserControl

时间:2016-03-20 13:28:29

标签: c# wpf xaml data-binding user-controls

我有一个包含名为Text的字符串属性的类。

   public class Time
    {
        private string _text;
        public string Text
        {
            get { return _text; } 
            set { _text = value; }
        }
    }

我还有一个包含此类的自定义UserControl。

public partial class MyUserControl : UserControl, INotifyPropertyChanged
{
<...>
    private Time _myTime;
    public Time MyTime
    {
            get { return _myTime; }
            set { _myTime= value; NotifyPropertyChanged(); } 
    }
}

从我的ViewModel,我想创建上面的UserControl并为其分配一个Time类及其所有属性:

void SomeMethod()
{
    Time TestTime = new Time();
    TestTime.Text = "Hello world";

    MyUserControl control = new MyUserControl();
    control.MyTime = TestTime;

    controlViewer = new System.Collections.ObjectModel.ObservableCollection<Control>();
    controlViewer.Add(control);
        // on my main window, I have an ItemsControl with 
        // ItemsSource="{Binding controlViewer}".
}

UserControl的XAML包含此TextBox:

<TextBox Text="{Binding MyTime.Text}"/>

然后我能够以编程方式调用control.MyTime.Text属性并获得“Hello world”值 - 但我无法在新创建的MyUserControl文本框中显示它。

2 个答案:

答案 0 :(得分:2)

您必须将绑定的源对象设置为UserControl实例,例如通过像这样设置Binding的RelativeSource属性:

<TextBox Text="{Binding MyTime.Text,
                RelativeSource={RelativeSource AncestorType=UserControl}}"/>

除此之外,在视图元素中实现INotifyPropertyChanged接口并不常见。您可以改为将MyTime声明为依赖属性:

public static readonly DependencyProperty MyTimeProperty =
    DependencyProperty.Register("MyTime", typeof(Time), typeof(MyControl));

public Time MyTime
{
    get { return (Time)GetValue(MyTimeProperty); }
    set { SetValue(MyTimeProperty, value); }
}

答案 1 :(得分:0)

在ViewModel中创建UserControl并不是一个好习惯。 尝试以下一种方式做到这一点:

  1. 使用ItemsControl创建XAML主窗口(ListView / ListBox更好,因为它们允许选择)。
  2. 使用ObservableCollection Time类对象创建ViewModel,然后将此ViewModel作为视图模型绑定到MainWindow。
  3. 使用要在集合中查看的对象初始化ViewModel。
  4. 使用UserControl为每个ItemsControl集合成员定义DataTemplate。
  5. 此致