Question

我正在尝试创建一个包含列表框的用户控件，我无法弄清楚如何正确设置数据绑定。

在MainForm.xaml中（MyItems是ViewModel中定义的ObservableCollection）：

<my:ItemsList Items="{Binding MyItems}"/>

用户控制：

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

    public IEnumerable Items
    {
        get { return (IEnumerable)GetValue(ItemsProperty); }
        set { SetValue(ItemsProperty, value); }
    }

    public static readonly DependencyProperty ItemsProperty =
        DependencyProperty.Register("Items", typeof(IEnumerable), typeof(ItemsList), null);
}

xaml（省略名称空间声明）：

<UserControl x:Class="MyApp.Controls.ItemsList">
    <phone:LongListSelector ItemsSource="{Binding Items}">
        <phone:LongListSelector.ItemTemplate>
            <DataTemplate>
                 <TextBlock Text="{Binding ItemName}" />
            </DataTemplate>
        </phone:LongListSelector.ItemTemplate>
    </phone:LongListSelector>
</UserControl>

我得到的错误：BindingExpression路径错误：'MyApp.ViewModels.MainViewModel'上找不到'Items'属性？？？

Answer 1

我缺少的是在用户控件的构造函数中设置列表框的数据上下文...

LayoutRoot.DataContext = this;

Answer 2

检查：您是否使用了页面的正确DataContext（必须是您的ViewModel）？

用户控制必须是：

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

    public IEnumerable Items
    {
    get { return (IEnumerable)GetValue(ItemsProperty); }
    set { SetValue(ItemsProperty, value); }
    }

    public static readonly DependencyProperty ItemsProperty = DependencyProperty.Register("Items", typeof(IEnumerable), typeof(ItemsList), new PropertyMetadata(ItemsChanged));

    private static void ItemsChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var controll = (ItemsList)d;
        var val = (IEnumerable)e.NewValue;
        controll.lls.ItemSource = val;
    }

Xaml

<UserControl x:Class="MyApp.Controls.ItemsList">
    <phone:LongListSelector x:name="lls">
        <phone:LongListSelector.ItemTemplate>
            <DataTemplate>
                 <TextBlock Text="{Binding ItemName}" />
            </DataTemplate>
        </phone:LongListSelector.ItemTemplate>
    </phone:LongListSelector>
</UserControl>

希望得到帮助

Answer 3

在xaml中，您需要添加对viewmodel的引用，并使其成为控件的datacontext。

    <UserControl xmlns:local="clr-namespace:"myproject.mynamespace;assembly=myproject">
        <UserControl.Resources>
           <local:myviewmodel x:key="viewModel"/>
        </UserControl.Resources>
        <UserControl.DataContext>
           <Binding Source="{StaticResource viewModel}"/>
        </UserControl.DataContext>
        <phone:LongListSelector ItemsSource="{Binding Items}">
           <phone:LongListSelector.ItemTemplate>
           <DataTemplate>
             <TextBlock Text="{Binding ItemName}" />
          </DataTemplate>
        </phone:LongListSelector.ItemTemplate>
       </phone:LongListSelector>
    </UserControl>

只需注意：您可以使用DisplayMemberPath =“ItemName”属性而不是数据模板，除非您需要以某种方式与文本块进行交互。希望这会有所帮助。

Silverlight用户控件数据绑定

3 个答案: