列表框中的项目选择错误(Windows Phone、Caliburn.Micro、Rx)

Question

我使用Caliburn Micro和Reactive Extensions为Windows Phone 7开发了一个应用程序。

该应用程序有一个带有ListBox控件的页面：

<Grid x:Name="ContentPanel"
          Grid.Row="1"
          Margin="12,0,12,0">
      <ListBox ItemsSource="{Binding Items}">
          <ListBox.ItemTemplate>
              <DataTemplate>
                  <Views:ItemView Margin="0,12,0,0" />
              </DataTemplate>
          </ListBox.ItemTemplate>
      </ListBox>
</Grid>

我正在使用下一个ItemView作为DataTemplate:

<UserControl ...>
    <Grid x:Name="LayoutRoot"
          cal:Message.Attach="[Event Tap] = [Action SelectItem]">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <TextBlock Grid.Column="0"
                   Style="{StaticResource PhoneTextLargeStyle}"
                   Text="{Binding Name}"
                   TextWrapping="Wrap" />
        <TextBlock Grid.Column="1"
                   Foreground="{StaticResource PhoneDisabledBrush}"
                   Style="{StaticResource PhoneTextLargeStyle}"
                   Text="{Binding Id}" />
    </Grid>
</UserControl>

相应的ItemViewModel看起来是这样的：

public class ItemViewModel
{
    private readonly INavigationService _navigationService;
    public int Id { get; private set; }
    public string Name { get; private set; }
    public ItemViewModel(Item item)
    {
        Id = item.Id;
        Name = item.Name;
        _navigationService = IoC.Get<INavigationService>();
    }
    public void SelectItem()
    {
        _navigationService.UriFor<MainViewModel>()
            .WithParam(x => x.Id, Id)
            .Navigate();
        }
    }
}

ListBox填充项目：

public class ListViewModel : Screen
{
    private readonly IItemsManager _itemsManager;
    private List<ItemViewModel> _items;
    public List<ItemViewModel> Items
    {
        get { return _items; }
        private set
        {
            _items = value;
            NotifyOfPropertyChange(() => Items);
        }
    } 
    public ListViewModel(IItemsManager itemsManager)
    {
        _itemsManager = itemsManager;
    }
    protected override void OnViewReady(object view)
    {
        base.OnViewReady(view);           
        Items = null;
        var list = new List<ItemViewModel>();
        _itemsManager.GetAll()
            .SubscribeOn(ThreadPoolScheduler.Instance)
            .ObserveOnDispatcher()
            .Subscribe((item) => list.Add(new ItemViewModel(item)), 
                (ex) => Debug.WriteLine("Error: " + ex.Message), 
                () => 
                    {
                        Items = list;
                        Debug.WriteLine("Completed"));
                    }
    }
}

问题就从这里开始了。

_itemsManager正确返回所有项目。并且所有项目都正确显示在ListBox中。大约有150件商品。

当我点击一个项目时，必须调用相应ItemViewModel中的SelectItem方法。并且对于ListBox中的前10-20个项目，一切都很好。但对于所有接下来的项，SelectItem方法在绝对不正确的ItemViewModel中被调用。例如，我点击项目34，项目2调用SelectItem方法，项目23调用45方法，依此类推。项目之间没有依赖关系。

我已经在寻找虫子了。问题出在哪里？

Answer 1

解决方案是在阅读Caliburn.Micro.的讨论论坛和文档中的页面后找到的。所有的问题都是因为Caliburn.Micro的惯例。

为了解决这个问题，我在DataTempalate中添加了下一个代码：cal:View.Model={Binding}。现在，带有ListBox的页面的一部分如下所示：

<Grid x:Name="ContentPanel"
      Grid.Row="1"
      Margin="12,0,12,0">
    <ListBox ItemsSource="{Binding Items}">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Views:ItemView Margin="0,12,0,0" cal:View.Model={Binding}/>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Grid>

我认为这不是一个完美的答案。所以，如果有人能提供更好的答案和解释，我会很高兴。