ListBox中的项目选择错误(Windows Phone,Caliburn.Micro,Rx)

时间:2012-09-04 17:39:39

标签: c# windows-phone-7 system.reactive caliburn.micro

我使用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项。

当我点按某个项目时,必须调用相应SelectItem中的ItemViewModel方法。对于ListBox中的前10-20项,一切正常。但是对于所有下一个项SelectItem方法都是在绝对不正确的ItemViewModel中调用的。例如,我点击项目34,为项目2调用SelectItem方法,我点击45 - 为项目23调用方法,依此类推。并且项目之间没有任何依赖性。

我已经开始寻找漏洞了。可能是什么问题?

1 个答案:

答案 0 :(得分:1)

在阅读Caliburn.Micro的the discussion forumthe page in documentation后找到解决方案。 所有问题都是因为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>

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