如何将用户控件中的文本框值绑定到 wpf 中的另一个窗口？

Question

我有一个用户控件。我有一个文本框。如果我在文本框中设置任何值，然后我单击用户控件中的“选择”按钮。我想要的是，在我的窗口页面中，我有另一个文本框。我想绑定已经在用户控件文本框中选择的文本值。我有以下代码。 用户控制：

   <UserControl x:Class="Usercontrol1" x:Name="root">
   <Grid DataContext="{Binding ElementName=root}">
            <TextBox HorizontalAlignment="Right" VerticalAlignment="Center" 
               x:Name="txtAuto" TextWrapping="NoWrap" />
            <Button Name="btn_setectedType" HorizontalAlignment="Right" VerticalAlignment="Center" Content="Select"  Click="btn_setectedType_Click"/>                

   </Grid>
  </UserControl>

这是我的窗口页面..

  <Window x:Class="Window1" Title="Facility" >

      <Grid>
         <TextBox x:Name="txtUserSelection" HorizontalAlignment="Left"  Text="{Binding ???}" VerticalAlignment="Top" />
      </Grid>
 </Window>

我不知道如何继续。我尝试为此窗口创建对象并尝试直接从用户控件传递。但它失败了。我的要求是，每当我更改用户控件中的值时，该值应该绑定在窗口中的文本框上。有人可以帮忙吗？

Answer 1

您应该创建一个 ViewModel 来保存要在控件之间共享的属性，并将其设置为 MainWindow 和 UserControl 的 DataContext。然后你应该将这两个 TextBoxes 绑定到该属性。

ViewModel 示例：

public class MyViewModel : INotifyPropertyChanged {
    public string MyProperty {
        get { return _myProperty; }
        set { _myProperty = value; OnPropertyChanged("MyProperty");}
    }
}

并在 XAML 中使用它：

<Window [...]>
    <Window.DataContext>
         <local:MyViewModel/>
    </Window.DataContext>
    <TextBox Text="{Binding MyProperty}"/>
    <UserControl1 />

在这里，您的 UserControl1 已经将其 DataContext 设置为与 Window 相同，您可以只镜像 TextBox 中的 Binding。您没有指定创建 UserControl 的位置，所以我不能比这更具体。

Answer 2

将string 属性添加到您的MainWindow 代码后面：

public static readonly DependencyProperty StringValueProperty = DependencyProperty.
    Register("StringValue", typeof(string), typeof(MainWindow), 
    new UIPropertyMetadata("Some default value"));

public string StringValue
{
    get { return (string)GetValue(StringValueProperty); }
    set { SetValue(StringValueProperty, value); }
}

然后您可以使用RelativeSource Binding 将数据从您的UserControl 直接绑定到MainWindow.xaml.cs 文件中的此属性，如下所示：

<TextBox x:Name="txtUserSelection" Text="{Binding StringValue, RelativeSource={
    RelativeSource AncestorType={x:Type Window}}, Mode=TwoWay}" />