如何将自定义依赖属性绑定到控件的视图模型

本文关键字：控件 视图 模型 绑定 属性 自定义 依赖 | 更新日期: 2023-09-27 17:53:26

我需要创建一个具有少量输入/输出和大量内部功能的控件。我认为最好的方法是创建用于与其他应用程序部分交互的Dependency Properties，并创建具有隐藏功能的private view model。

这是我的例子:

窗口
<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:app="clr-namespace:WpfApplication1">
<StackPanel>
    <DatePicker x:Name="DatePicker" />
    <app:MyControl DateCtrl="{Binding ElementName=DatePicker, Path=SelectedDate}" />
</StackPanel>
</Window>

MyControl 

<UserControl x:Class="WpfApplication1.MyControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:app="clr-namespace:WpfApplication1">
<UserControl.DataContext>
    <app:ViewModel />
</UserControl.DataContext>
<Grid>
        <TextBlock Text="{Binding DateVM}" />
</Grid>
</UserControl>

控制后台代码

using System;
using System.Windows;
namespace WpfApplication1
{
public partial class MyControl
{
    public MyControl()
    {
        InitializeComponent();
    }
    public static DependencyProperty DateCtrlProperty = DependencyProperty.Register("DateCtrl", typeof(DateTime), typeof(MyControl));
    public DateTime DateCtrl
    {
        get { return (DateTime) GetValue(DateCtrlProperty); }
        set { SetValue(DateCtrlProperty, value); }
    }
}
}

视图模型

using System;
using System.ComponentModel;
namespace WpfApplication1
{
    public class ViewModel : INotifyPropertyChanged
    {
        private DateTime _dateVM;
        public DateTime DateVM
        {
            get { return _dateVM; }
            set
            {
                _dateVM = value;
                OnPropertyChanged("DateVM");
            }
        }
        public event PropertyChangedEventHandler PropertyChanged;
        protected virtual void OnPropertyChanged(string propertyName)
        {
            var handler = PropertyChanged;
            if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

我需要实现的是将DatePicker中选择的date传播到MyControl's view model。或者，有更好的模式可以使用吗?

如何将自定义依赖属性绑定到控件的视图模型

你所描述的是一个常见的误解，即所有视图都应该有一个视图模型。然而，对于用作控件的UserControl来说，使用它们自己的DependencyProperty通常要简单得多(也更合适)。

你的方法的问题是，你已经分配了UserControl DataContext内部，所以它不能从外部的控制设置。解决方案是不在内部设置DataContext，而是使用RelativeSource Binding来访问UserControl DependencyProperty，像这样:

<TextBlock Text="{Binding DateCtrl, RelativeSource={RelativeSource 
    AncestorType={x:Type YourLocalPrefix:MyControl}}}" />

如果你真的必须使用内部视图模型，那么声明一个该类型的DependencyProperty，并按照我上面展示的方式将数据绑定到它:

<TextBlock Text="{Binding YourViewModelProperty.DateVM, RelativeSource={RelativeSource 
    AncestorType={x:Type YourLocalPrefix:MyControl}}}" />

DatePicker应该有它自己的DatePickerViewModel，它定义了一个SelectedDate属性或依赖属性。您应该定义DatePicker控件的XAML来使用这个专用的ViewModel。

然后，当你使用控件时，你可以这样设置绑定: 
<DatePicker SelectedDate="{Binding Path=DateVM, 
            Mode=TwoWay, 
            UpdateSourceTrigger=PropertyChanged}" />

注意DateVM不是日期选择器的属性，而是消费视图模型(或者在本例中是主窗口)的属性。当选择器打开时，它将默认为DateVM中已设置的日期。

另一件事是你的拾取器不允许任何拾取-它只是一个文本块!

相关文章：