1

我使用 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. 但是对于所有 next itemsSelectItem方法的调用绝对不正确ItemViewModel。例如,我点击项目 34 并SelectItem为项目 2 调用方法,我点击 45 - 为项目 23 调用方法,依此类推。并且项目之间没有依赖关系。

我已经为寻找错误而头疼了。可能是什么问题?

4

1 回答 1

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>

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

于 2012-09-05T07:01:50.453 回答