Windows Phone自定义控制数据绑定

Question

这是Windows Phone 8.1（运行时）

我在将自定义用户控件与数据列表绑定时遇到了一些问题。我会尽我所能让它变得简单。

我的问题是，如果我在自定义控件中使用DataBind｛Binding Something｝，它将无法工作。

我需要将绑定的数据（字符串）传输到自定义控件。

奇怪的是，如果我不使用DataBind，它将正常工作。例如MyCustomControllParameter="某个字符串"（在我的示例中为"BindingTextValue"属性）

有人知道如何用DataTemplate将自定义用户控件与内部ListView绑定吗。

假设：

XAML测试主页

<Grid  Background="Black">
    <ListView x:Name="TestList" Background="#FFEAEAEA">
        <ListView.ItemTemplate>
            <DataTemplate>
                <Grid Background="#FF727272">
                    <local:TextBoxS BindingTextValue="{Binding Tag, FallbackValue='aSource'}" local:TextBoxS>
                </Grid>
            </DataTemplate>
        </ListView.ItemTemplate>

    </ListView>
</Grid>

XAML测试主页c#

public sealed partial class MainPage : Page
{
    List<TTag> tags = new List<TTag>();
    public MainPage()
    {
        this.InitializeComponent();
        this.NavigationCacheMode = NavigationCacheMode.Required;
    }

    public class TTag
    {
        public string Tag { get; set; }
    }
    private void InitializeAppData()
    {
        TTag tag = new TTag() { Tag = "hello world" };
        tags.Add(tag);
        tags.Add(tag);
        tags.Add(tag);
        TestList.ItemsSource = tags;
    }
         protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        InitializeAppData();
    }

}

用户控件XAML：

<UserControl
x:Class="CustomControllTest.TextBoxS"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:CustomControllTest"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300"
d:DesignWidth="400">
<Grid x:Name="LayoutRoot" Background="#FF4F4F4F"   >
    <RichTextBlock x:Name="MyTestBlock">
    </RichTextBlock>
</Grid>

用户控制c#.cs

    public TextBoxS()
    {
        this.InitializeComponent();
        LayoutRoot.DataContext = this;
    }

    public static readonly DependencyProperty BindingTextValueProperty = DependencyProperty.Register(
                                     "BindingTextValue",
                                     typeof(string),
                                     typeof(TextBoxS),
                                     new PropertyMetadata(default(string)));
    public string BindingTextValue
    {
        get
        {
            return GetValue(BindingTextValueProperty) as string;
        }
        set
        {
            SetValue(BindingTextValueProperty, value);
            //This method adds some custom logic into RichTextBlock, pointed correctly
            SetupSpotterBox(value);
        }
    }

感谢您的帮助；）

Answer 1

您需要设置MainPage的DataContext，因为它没有在的任何地方设置

public MainPage()
{
    this.InitializeComponent();
    this.NavigationCacheMode = NavigationCacheMode.Required;
    this.DataContext = this;
}

下一步从UserControl 中删除以下行

this.DataContext = this;

这是为了允许您的用户控件选择正确的DataContext，例如MainPages

最后，对UserControl xaml 进行一些更改

<UserControl
x:Class="App21.TextBoxS"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App21"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300"
d:DesignWidth="400" x:Name="root">
<Grid x:Name="LayoutRoot">
    <TextBlock x:Name="MyTestBlock" FontSize="22" 
               Text="{Binding ElementName=root, Path=BindingTextValue}" Foreground="Red">
    </TextBlock>                    
</Grid>

注意控件本身的x:Name="root"，我使用了一个TextBlock，这样我就可以使用ElementName和Dependency property BondingTextValue显示Binding to Text属性。

Answer 2

您不必更新属性Setter中的控件。试试这个代码：

public static readonly DependencyProperty BindingTextValueProperty = DependencyProperty.Register(
                                 "BindingTextValue",
                                 typeof(string),
                                 typeof(TextBoxS),
                                 new PropertyMetadata(default(string), PropertyChangedCallback));

private static void PropertyChangedCallback(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs args) {
    //This method adds some custom logic into RichTextBlock, pointed correctly
    var textBoxS = dependencyObject as TextBoxS;
    textBoxS.SetupSpotterBox((string) args.NewValue);
}

public string BindingTextValue
{
    get { return GetValue(BindingTextValueProperty) as string; }
    set { SetValue(BindingTextValueProperty, value); }
}