将数据绑定到自定义 UserControl

Question

我想绑定 ObservableCollection 我的自定义 UserControl 但是当我想添加新元素并且我几乎完成但当我想添加新元素来收集我的应用程序时无缘无故崩溃。我想可能是变量不一致。但是我没有尝试使用对象/字符串/字符串。也许我一开始做错了什么？

自定义用户控件 XAML

<UserControl x:Class="backtrackPrototype.checklistItem"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    d:DesignHeight="80" d:DesignWidth="480">

    <Grid x:Name="LayoutRoot">
        <TextBlock 
            x:Name="label" 
            MaxHeight="407"  
            HorizontalAlignment="Left" 
            Margin="0,17,0,16" 
            VerticalAlignment="Center"
            Text="{Binding Path=Title, ElementName=checklistItem}"/>
        <CheckBox x:Name="checkbox" HorizontalAlignment="Right" VerticalAlignment="Center" Checked="checkbox_Checked" Unchecked="checkbox_Unchecked" />
    </Grid>
</UserControl>

自定义用户控件

public partial class checklistItem : UserControl 
{ 

      public string Title
      {
          get { return (string)this.GetValue(TitleProperty); }
          set { this.SetValue(TitleProperty, value); } 
      }

      // Using a DependencyProperty as the backing store for MyProperty.  This enables animation, styling, binding, etc...
      public static readonly DependencyProperty TitleProperty = DependencyProperty.Register("Title", typeof(string), typeof(checklistItem), new PropertyMetadata(0));  

      public checklistItem() 
      {
            InitializeComponent();
      }

      public bool isChecked() 
      {
          if ((bool)checkbox.IsChecked) return true;
          return false;
      }

      private void checkbox_Checked(object sender, RoutedEventArgs e) 
      {
          //title.Foreground = Application.Current.Resources["PhoneAccentColor"];
          label.Foreground = (SolidColorBrush)Application.Current.Resources["PhoneAccentBrush"];
      }

      private void checkbox_Unchecked(object sender, RoutedEventArgs e) 
      {
          label.Foreground = new SolidColorBrush(Colors.White);
      }
}

主页中的 XAML

<ListBox Height="479" ItemsSource="{Binding}" x:Name="CheckList">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <local:checklistItem Title="{Binding Title}" Width="397"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox

主页中的 CS public ObservableCollection ListItems = new ObservableCollection();

ListItem item = new ListItem("Nowe",false);
ListItems.Add(item);
CheckList.DataContext = ListItems;

最后是列表

public class ListItem 
{
    public string Title { get; set; }
    public bool Checked { get; set; }

    public ListItem(string title, bool isChecked=false) 
    {
        Title = title;
        Checked = isChecked;
    }  
}

我需要一个能够以全新的眼光看待代码的人。谢谢。

---

更新：

还有什么要访问我的 CustomControl 中的控件，我在 that question 中使用第一个 anwser。 我还更新了我的 UserControl XAML。

---

更新 V2

当我使用 <TextBox Title="{Binding Title}" Width="397"/> insted 或 local:checklistItem 时，它工作得很好。

---

更新 V3

好吧，原来我没有向我的 UserControl 添加正确的 DataContext，所以现在 checklistItem 构造函数看起来像这样

public checklistItem() {
    InitializeComponent();
    this.DataContext = this;
}

并且控件添加正确，但现在标题绑定不起作用。因为当我对某些标题进行硬编码时，它可以正常工作，但不能绑定。但是相同的绑定适用于默认文本框。

Answer 1

我认为您需要设置 itemsSource 而不是 DataContext。在 Listbox 上设置 DataContext 不会生成模板项

取出

ItemsSource="{Binding}"

来自 Xaml 并改变

CheckList.DataContext = ListItems;

到

CheckList.ItemsSource = ListItems;

Answer 2

我认为您在 XAML 中的绑定可能不正确。您在绑定中的元素名称是 LayoutRoot，这是您的网格的名称，而不是您的 UserControl。

它可能试图在 Grid 上找到它没有的名为 Title 的属性。