将数据绑定到自定义UserControl

时间:2013-10-31 13:28:05

标签: c# xaml data-binding windows-phone

我想要绑定ObservableCollection我的自定义UserControl但是当我想添加新元素时我差点完成但是当我想要添加新元素到集合时我的应用程序崩溃没有任何理由。我想也许是变量不一致。但是我带着nothig尝试使用object / String / string。也许我刚开始做错了什么?

自定义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;
    }  
}

我需要一个会以新的心态看待代码的人。谢谢。


UPDATE:

在我的CustomControl中访问控件的更多内容我在that question中使用了第一个anwser。 我也更新了我的UserControl XAML。


UPDATE V2

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


更新V3

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

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

控件正在正确添加但现在绑定Title无法正常工作。因为当我硬编码某些标题时它起作用,而不是绑定。但是相同的绑定适用于默认文本框。

2 个答案:

答案 0 :(得分:1)

我认为你需要设置itemsSource而不是DataContext。在列表框上设置DataContext不会生成模板化项

取出

ItemsSource="{Binding}"

来自Xaml 并改变

CheckList.DataContext = ListItems;

CheckList.ItemsSource = ListItems;

答案 1 :(得分:0)

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

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