如何在列表框WP8中绑定数据用户控件

How to bind data user control inside listbox WP8(如何在列表框WP8中绑定数据用户控件)
本文介绍了如何在列表框WP8中绑定数据用户控件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个用户控件.它有一个 TextBlock.我想在里面绑定Text

I have a user control. It has a TextBlock. I want to bind Text in it

<UserControl x:Class="PhoneApp1.MyUserControl"
             DataContext="{Binding RelativeSource={RelativeSource Self}}">
    <StackPanel Width="200" Height="200" Background="Red">
        <TextBlock Text="{Binding Text}" />
    </StackPanel>
</UserControl>

MyUserControls.xaml.cs

public partial class MyUserControl : UserControl
{
    public MyUserControl()
    {
        InitializeComponent();
    }

    public static readonly DependencyProperty TextProperty = 
        DependencyProperty.Register(
            "Text", 
            typeof(string), 
            typeof(MyUserControl), 
            new PropertyMetadata(null));

    public string Text
    {
        get { return (string)GetValue(TextProperty); }
        set
        {
            SetValue(TextProperty, value);
        }
    }
}

当我绑定到 ListBox 时,它无法正常工作

When I bind to ListBox it doesn't work correctly

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <ListBox x:Name="mainListBox" ItemsSource="{Binding}">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <local:MyUserControl Text="{Binding Text}" Margin="5"/>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Grid>

和 MainPage.xaml

and MainPage.xaml

public partial class MainPage : PhoneApplicationPage
{
    ObservableCollection<User> list = new ObservableCollection<User>();

    public MainPage()
    {
        InitializeComponent();
        User user = new User("Thanh");
        list.Add(user);
        list.Add(new User("lfjlkgj"));
        DataContext = list;
    }
}

public class User
{
    public string Text { get; set; }

    public User(string name)
    {
        Text = name;
    }
}

如何正确绑定到用户控件?谢谢!!!

How to bind to user controls correctly? Thanks!!!

推荐答案

从你的 UserControl Xaml 中删除这一行

Remove this line from your UserControl Xaml

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

控件的 xaml 中的绑定将正确绑定到定义的依赖项属性.你不需要做任何额外的事情.

Binding in the control's xaml will correctly bind to the defined dependency properties. You don't need to do anything extra.

如果您与用户控件中的其他数据源有名称冲突,您可以将 ElementName=UserControl 添加到您的绑定中.

If you have name conflicts with other data sources in your user control you can add ElementName=UserControl to your binding.

这篇关于如何在列表框WP8中绑定数据用户控件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

DispatcherQueue null when trying to update Ui property in ViewModel(尝试更新ViewModel中的Ui属性时DispatcherQueue为空)
Drawing over all windows on multiple monitors(在多个监视器上绘制所有窗口)
Programmatically show the desktop(以编程方式显示桌面)
c# Generic Setlt;Tgt; implementation to access objects by type(按类型访问对象的C#泛型集实现)
InvalidOperationException When using Context Injection in ASP.Net Core(在ASP.NET核心中使用上下文注入时发生InvalidOperationException)
LINQ many-to-many relationship, how to write a correct WHERE clause?(LINQ多对多关系,如何写一个正确的WHERE子句?)