1

我有一个ObservableCollection,它是实现INotifyPropertyChanged接口的视图模型的集合......

public class FeedsViewModel : ObservableCollection<FeedViewModel>
{
}

(我没有包含代码,FeedViewModel但它非常标准INotifyPropertyChanged并且在独立测试时绑定)。

我在控件中使用FeedsViewModelas 的一个实例...ItemsSourceLongListSelector

<UserControl.Resources>
    <viewModel:FeedStatusFeedbackConverter x:Key="ProgressStatusColorConverter"/>
    <viewModel:FeedStatusFeedbackConverter x:Key="TitleStatusColorConverter"/>
    <viewModel:FeedsViewModel x:Key="FeedsViewModel"/>
</UserControl.Resources>

<phone:LongListSelector ItemsSource="{Binding Source={StaticResource FeedsViewModel}}">
    <phone:LongListSelector.ItemTemplate>
        <DataTemplate>

            <Grid x:Name="LayoutRoot" 
                  Background="{StaticResource PhoneChromeBrush}"
                  DataContext="{TemplateBinding}">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>

                <Grid Grid.Column="0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>

                    <TextBlock Text="{Binding Path=Name}" 
                               Grid.Row="0"
                               Style="{StaticResource PhoneTextLargeStyle}"
                               Foreground="{Binding Path=Status, Converter={StaticResource TitleStatusColorConverter}}"/>
                    <TextBlock Text="{Binding Path=Uri}" 
                               Grid.Row="1"
                               Style="{StaticResource PhoneTextNormalStyle}" 
                               TextTrimming="WordEllipsis" />
                    <ProgressBar Grid.Row="2"
                                 Maximum="{Binding Path=ItemCount}"
                                 Value="{Binding Path=ItemProgress}"
                                 Foreground="{Binding Path=Status, Converter={StaticResource ProgressStatusColorConverter}}">
                    </ProgressBar>
                </Grid>

                <Grid Grid.Column="1">
                    <Image Name="Delete" 
                           Source="/Assets/Buttons/delete.png"
                           Width="48"
                           Height="48"
                           Margin="5"
                           MouseLeftButtonDown="Press"
                           MouseLeftButtonUp="Release"/>
                </Grid>
            </Grid>

        </DataTemplate>
    </phone:LongListSelector.ItemTemplate>
</phone:LongListSelector>

但是,当我在运行时向 ObservableCollection 添加一些内容时,UI 不会随着更改而更新......

private void AddFeedClick(object sender, EventArgs e)
{
    var task = FeedModel.Load("Reddit");
    var awaiter = task.GetAwaiter();

    awaiter.OnCompleted(() =>
    {
        var model = awaiter.GetResult();
        FeedModel.Save(model);
        ((ObservableCollection<FeedViewModel>)Resources["FeedsViewModel"]).Add(new FeedViewModel(model));
    });
}

当新的视图模型被添加到时点击断点ObservableCollection并检查集合表明CollectionChanged集合事件没有处理程序(为空)。

如何让 LongListSelector 从 ObservableCollection 更新自身?

4

2 回答 2

1
  1. 尝试将集合绑定为代码中的项目源,而不是静态绑定(设置 List.ItemSource=collection)。如果 CollectionChanged 为 null,则表示没有订阅者更改集合。
  2. 您也可以尝试同步添加项目。
于 2013-01-22T09:50:38.767 回答
1

我通过将铸件更改为项目的实际类型来解决AddFeedClick此问题(ObservableCollection<FeedViewModel>FeedsViewModel尽管没有发生无效转换,但这里肯定有一些晦涩的 OO 功能在起作用。我怀疑集合上实际上有两个阴影事件,一个用于ObservableCollection类型,一个用于扩展类型,但我不确定。

于 2013-01-22T12:09:01.070 回答