ListBox中的项目选择错误（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个项目，一切正常。 但是对于所有接下来的项目，在绝对错误的ItemViewModel调用SelectItem方法。 例如，我点击项目34，选择SelectItem方法，我点击45-项目23的方法，依此类推。 并且项目之间不存在依赖关系。

我已经在寻找bug时大吃一惊了。 可能是什么问题？

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>

我认为这不是一个完美的答案。 因此，如果有人可以提供更好的答案和解释，我将感到非常高兴。