將視圖模型的屬性系結到依賴屬性

我創建了可重用的組件，比如說一個標簽和一個文本框：

HeaderAndTextBox.xaml

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
        </Grid.RowDefinitions>

        <TextBlock
            Margin="10,0,0,0"
            FontSize="16"
            FontWeight="DemiBold"
            Foreground="White"
            Text="{Binding Header, ElementName=root}" />

        <TextBox
            Grid.Row="1"
            MaxWidth="300"
            Margin="10"
            mah:TextBoxHelper.ClearTextButton="True"
            mah:TextBoxHelper.IsWaitingForData="True"
            FontSize="16"
            Text="{Binding TextBoxContent, ElementName=root}" />

    </Grid>

現在你可以看到我為 Text 屬性創建了依賴屬性。這是后面的代碼：

HeaderAndTextBox.xaml.cs

public partial class HeaderAndTextBox : UserControl
    {
        public static readonly DependencyProperty HeaderProperty =
            DependencyProperty.Register("Header", typeof(string), typeof(HeaderAndTextBox), new PropertyMetadata(string.Empty));

        public string Header
        {
            get { return (string)GetValue(HeaderProperty); }
            set { SetValue(HeaderProperty, value); }
        }

        public static readonly DependencyProperty TextBoxContentProperty =
            DependencyProperty.Register("TextBoxContent", typeof(string), typeof(HeaderAndTextBox), new PropertyMetadata(string.Empty));

        public string TextBoxContent
        {
            get { return (string)GetValue(TextBoxContentProperty); }
            set { SetValue(TextBoxContentProperty, value); }
        }

        public HeaderAndTextBox()
        {
            InitializeComponent();
        }
    }

在我看來，我像這樣使用這個可重用的組件：

MyView.xaml

<controls:HeaderAndTextBox
                            Grid.Row="1"
                            Margin="10,10,0,0"
                            Header="Last Name"
                            TextBoxContent="{Binding Path=LastName, UpdateSourceTrigger=PropertyChanged}" />

我的視圖模型：

MyViewModel.cs

private string? _lastName;
        public string? LastName
        {
            get
            {
                return _lastName;
            }
            set
            {
                _lastName = value;
                OnPropertyChanged(nameof(LastName));
            }
        }

問題是，如何將此依賴屬性系結到我的視圖模型的屬性？因為我的方法不起作用。我有不止一個屬性，所以我必須找到一個動態系結的解決方案。難道對于這種問題，我應該使用完全不同的方法嗎？

uj5u.com熱心網友回復：

內部元素必須通過 系結到控制元件的屬性Binding.ElementName，其中命名UserControl為系結源或使用Binding.RelativeSource。

HeaderAndTextBox.xaml

<UserControl>
  <TextBox Text="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=TextBoxContent, UpdateSourceTrigger=PropertyChanged}" />
</UserControl>

接下來，確保DataContext宿主的父元素HeaderAndTextBox是正確的：

主視窗.xaml

<Window>
  <Window.DataContext>
    <MyViewModel />
  </Window.DataContext>
  
  <StackPanel>

    <!-- The HeaderAndTextBox inherits the parent's DataContext, 
         which is MyViewModel, automatically. -->
    <HeaderAndTextBox TextBoxContent="{Binding SomeMyViewModelTextProperty}" />

    <Grid DataContext="{Binding GridViewModel}">

      <!-- Same control, different instance, 
           binds to a different view model class (GridViewModel). -->
      <HeaderAndTextBox TextBoxContent="{Binding SomeGridViewModelTextProperty}" />
    </Grid>
  </StackPanel>
</Window>

要使HeaderAndTextBox.TextBoxContent屬性自動將資料發送回視圖模型（在鍵入時TextBox），您應該使用FrameworkPropertyMetadata物件而不是 a相應地配置依賴屬性PropertyMetadata并設定FrameworkPropertyMetadata.BindsTwoWayByDefault屬性：

HeaderAndTextBox.xaml.cs

partial class HeaderAndTextBox : UserControl
{
  public static readonly DependencyProperty TextBoxContentProperty = DependencyProperty.Register(
    "TextBoxContent", 
    typeof(string), 
    typeof(HeaderAndTextBox), 
    new FrameworkPropertyMetadata(default(string), FrameworkPropertyMetadataOptions.BindsTwoWayByDefault));

  public string TextBoxContent
  {  
    get => (string)GetValue(TextBoxContentProperty); 
    set => SetValue(TextBoxContentProperty, value); 
  }
}

標籤：wpf xml 虚拟机 捆绑 依赖属性

上一篇：使用按鈕模板的按鈕內文本框的動態屬性

下一篇：具有特定屬性的一般樣式