如何在WPF / MVVM中访问子用户控件的DependencyProperty?

时间:2016-09-22 18:02:19

标签: c# wpf xaml mvvm user-controls

我有MainWindow.xaml,如下所示:

<TabControl TabStripPlacement="Left">
    <TabItem Header="Display Tree Data Details" HorizontalAlignment="Left">
         <uControls:DisplayDataUserControl />
    </TabItem>

   <TabItem Header="Configuration" HorizontalAlignment="Left">
        ------
    </TabItem>
   <TabItem Header="About" HorizontalAlignment="Left">
        ------
    </TabItem>
   <TabItem Header="Sponsors" HorizontalAlignment="Left">
        ------
    </TabItem>
</TabControl>

我的DisplayDataUserControl使用另一个名为treeUserControl的UserControl。我创建了treeUserControl,以便我可以在我的WPF应用程序中的任何地方重用它。

<UserControl x:Class="WpfApplication2.DisplayDataUserControl "
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         x:Name="thisUC"
         d:DesignHeight="300" d:DesignWidth="300">
<Grid>
     <local:treeUserControl />
     <Grid>
       <!-- display the details of the selected treeviewitem from "treeUserControl" here.  -->
     </Grid>
</Grid>
</UserControl>

treeUserControl是一个UserControl,它通过使用DependecyPropety(TreeView)扩展SelectedItem_来显示树数据,如下所示:

<UserControl x:Class="WpfApplication2.treeUserControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         x:Name="thisUC"
         d:DesignHeight="300" d:DesignWidth="300">
<Grid>
    <local:ExtendedTreeView ItemsSource="{Binding Items}" 
                            SelectedItem_="{Binding MyTreeSelectedItem, Mode=TwoWay}">
         .....
    </local:ExtendedTreeView>
 </Grid>

DependencyProperty定义:

public class ExtendedTreeView : TreeView
{
    public ExtendedTreeView() : base()
    {
        this.SelectedItemChanged += new RoutedPropertyChangedEventHandler<object>(___ICH);
    }

    void ___ICH(object sender, RoutedPropertyChangedEventArgs<object> e)
    {
        if (SelectedItem != null)
        {
            SetValue(SelectedItem_Property, SelectedItem);
        }
    }

    public object SelectedItem_
    {
        get { return (object)GetValue(SelectedItem_Property); }
        set { SetValue(SelectedItem_Property, value); }
    }
    public static readonly DependencyProperty SelectedItem_Property = DependencyProperty.Register("SelectedItem_", typeof(object), typeof(ExtendedTreeView), new UIPropertyMetadata(null));
}

我可以在MyTreeSelectedItem中访问treeUserControl的DisplayDataUserControl viewmodel属性,以便它可以显示有关所选树视图项的详细信息吗?

1 个答案:

答案 0 :(得分:0)

您的绑定层次结构看起来不对。

你现在拥有的东西

<TabControl>
    <TabItem>
        <TreeUserControl>
            <ExtendedTreeView ItemsSource="{Binding Items}" SelectedItem="{Binding SelectedItem}" />
        </TreeUserControl>
    </TabItem>
    ...
</TabControl>

你应该拥有的是这样的东西:

<TabControl ItemsSource="{Binding Items}" SelectedItem="{Binding SelectedItem}">
    <TabItem>                    <!-- DataContext is SelectedItem -->
        <TreeUserControl>        <!-- DataContext is SelectedItem -->
            <ExtendedTreeView /> <!-- DataContext is SelectedItem -->
        </TreeUserControl>
    </TabItem>
    ...
</TabControl>

在第二个示例中,TabItem,TreeUserControl和ExtendedTreeView的.DataContext将全部为SelectedItem(这将是Items集合中的项目之一),因为方式the DataContext is by default inherited from the parent object

我意识到您在Items中使用ExtendedTreeView并且我在TabControl中使用viewDidAppear(),但我不知道您的应用程序的正确结构我可以& #39; t在那里为你提供任何建议。这应该会让你知道你做错了什么,但你可以纠正它。