Silverlight：如何绑定到父视图的DataContext？

Question

我有一个 ParentView，其中包含一个 childView

<UserControl ... x:Name="MyParentView">
     <Grid>
        <sdk:TabControl Name="ContactTabControl">
            <sdk:TabItem Header="Contact" Name="CustomerTabItem">
                <Grid>
                    <Views:CustomerView/>
                </Grid>
            </sdk:TabItem>
        </sdk:TabControl>
    </Grid>
</UserControl>

在我的 CustomerView 中，我想将 Firstname 文本框绑定到 Parent 的 DataContext。我在 CustomerView 中尝试过此操作：

<TextBox Text={Binding ElementName=MyParentView, Path=DataContext.Firstname} />

我感觉 CustomerView 根本无法看到其父级，因此永远找不到 ElementName“MyParentView”。

您对此有何建议？

Answer 1

我做了类似的事情，但我只是将其直接绑定到 Path ，考虑到如果我不给它明确的数据上下文，它会查找层次结构并找到匹配的层次结构。

因此，这应该可以满足您的需求：

<TextBox Text={Binding Path=FirstName} />

如果您需要指定显式数据上下文，您可以随时执行以下操作：

<Grid>
    <Views:CustomerView DataContext={"CustomContextHere"}/>
</Grid>

Answer 2

Maverik 的替代解决方案是：

1 在客户视图中定义依赖属性：

public partial class CustomerView : UserControl
    {
        public CustomerView()
        {
            InitializeComponent();
        }

        public static DependencyProperty FirstNameProperty =
            DependencyProperty.Register("FirstName", typeof(string), typeof(CustomerView), new PropertyMetadata(string.Empty, CustomerView.FirstNameChanged));

        public string FirstName
        {
            get { return (string)GetValue(FirstNameProperty); }
            set { SetValue(FirstNameProperty, value); }
        }

        private static void FirstNameChanged(object sender, DependencyPropertyChangedEventArgs e)
        { }
    }

2 修改客户视图的文本框以绑定到此依赖属性（注意元素绑定“this”）

<UserControl x:Class="SLApp.CustomerView"
    x:Name="this"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
        <TextBox Text="{Binding Path=FirstName, ElementName=this, Mode=TwoWay}"/>
    </Grid> </UserControl>

3 修改父视图并将其 DataContext 绑定到新视图依赖属性

<sdk:TabControl Name="ContactTabControl">
                        <sdk:TabItem Header="Contact" Name="CustomerTabItem">
                            <Grid>
                                <local:CustomerView FirstName="{Binding ElementName=ContactTabControl, Path=DataContext}"/>
                            </Grid>
                        </sdk:TabItem>
                    </sdk:TabControl>

4 设置父级的 DataContext

public partial class MyParentView : UserControl
    {
        public MyParentView()
        {
            InitializeComponent();

            ContactTabControl.DataContext = "A name";
        }
    }

瞧，它可以工作了。不是最优雅的解决方案，但它可以完成您的场景的工作