Привязка к свойству зависимости пользовательского элемента управления WPF / XAML

Question

Мое приложение выглядит так:

---

SectionHeader

SectionHeader

Содержимое

SectionHeader

Содержимое

---

SectionHeader - это пользовательский элемент управления с двумя свойствами зависимостей = Название и Приложения.

Название не изменяетсяно Apps необходимо привязать к свойству Apps модели модели главного окна.Свойство Apps требуется только для двух из трех заголовков разделов.

<c:SectionHeader DockPanel.Dock="Top" x:Name="SectionResources" Title="RESOURCES"
   Apps="{Binding Path=Apps}" />

Так оно и есть на данный момент.Проблема в том, что приложения не отображаются.

В SectionHeader DataContext устанавливается на себя следующим образом, что позволяет отображать заголовок.

DataContext="{Binding RelativeSource={RelativeSource Self}}"

Приложения - этоItemsSource для ItemsControl в UserControl:

<ItemsControl
      ItemsSource="{Binding Apps}">

---

Итак, мои вопросы:

• Как я могу привязать данные к UserControl DP?
• Это более простой способ сделать этот макет без UserControls?

РЕДАКТИРОВАТЬ:

Забыл упомянуть, что Apps является ObservableCollection of AppsItems.

Этокак выглядит мой DP:

public static readonly DependencyProperty AppsProperty = DependencyProperty.Register("Apps",
  typeof (ObservableCollection<AppsItem>), typeof (SectionHeader),
  new PropertyMetadata(null, OnAppsPropertyChanged));

private static void OnAppsPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
  Console.WriteLine("Hello!!!");
  var sectionHeader = d as SectionHeader;
  var value = e.NewValue as ObservableCollection<AppsItem>;
  sectionHeader.Apps = value;
}

Answer 1

Дайте имя вашему usecontrol и попробуйте выполнить привязку следующим образом

ItemsSource="{Binding Apps,ElementName=root}"

, а root - это имя, присвоенное вашему usercontrol

  <UserControl x:Class="WpfApplication1.MainWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             Height="350" Width="525"
     x:Name="root">

это привязка элемента к пользовательскому элементу управления, которая имеетСвойство Apps

Answer 2

Попытавшись повторить это из вашего описания и столкнувшись с подобной проблемой, я обнаружил, что единственный способ заставить его работать - не устанавливать DataContext для UserControl, а вместо этого использовать ElementBinding:

<UserControl x:Class="WpfApplication2.UserControl1"
             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>
        <Border Background="Red" Padding="10">
        <ListBox x:Name="ucList" ItemsSource="{Binding ElementName=thisUC, Path=UCApps}"/>
        </Border>

    </Grid>
</UserControl>

Реализация этого UC тривиально проста:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Collections.ObjectModel;
using System.Collections;

namespace WpfApplication2
{
    /// <summary>
    /// Interaction logic for UserControl1.xaml
    /// </summary>
    public partial class UserControl1 : UserControl
    {
        public IEnumerable UCApps
        {
            get { return (IEnumerable)GetValue(UCAppsProperty); }
            set { SetValue(UCAppsProperty, value); }
        }

        // Using a DependencyProperty as the backing store for Apps.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty UCAppsProperty =
            DependencyProperty.Register("UCApps", typeof(IEnumerable), typeof(UserControl1), new UIPropertyMetadata(null));

        public UserControl1()
        {
            InitializeComponent();            
        }
    }
}

, как и XAML, который его вызывает:

<Grid >
    <my:UserControl1 x:Name="ucName" UCApps="{Binding Path=Apps}"/>
</Grid>

(я изменил имя Apps в вашем Usercontrol наUCApps чтобы я мог видеть, что происходит - слишком много свойств с одинаковым именем запутались!)

Answer 3

Apps="{Binding Path=Apps}"

Привязывает приложения к себе.

Попробуйте выполнить

1) Ваша ViewModel должна быть DataContext of Control, тогда вы можете использовать следующее

Apps="{Binding DataContext.Apps}"

Также вы можете использовать утилиту Snoop для поиска проблем привязки в реальном времени

Answer 4

Вы пробовали

Apps="{Binding Apps}" 

вместо

Apps="{Binding Path=Apps}"

в вашем контроле верхнего уровня?

Кроме того, вы получаете какие-либо ошибки привязки в выходе VSокно при запуске приложения?