[英]Only the first item in a list is rendered when I try to output a collectionview inside a collectionview in Xamarin Forms
我正在尝试在 Xamarin 视图的列表中呈现复杂的 object 。 我要列出的 object 是视图模型的集合。 每个视图模型的属性之一是另一个集合。
为了说明,该列表包含以下成员:
public class ItemsViewModel : BaseViewModel
{
public int Id { get; private set; }
public bool UsedOption1 { get; private set; }
public bool UsedOption2 { get; private set; }
public bool UsedOption3 { get; private set; }
public bool UsedOption4 { get; private set; }
public List<ActivityViewModel> Activities { get; private set; }
}
列表如下所示:
public class ActivityViewModel
{
public string LocationDisplayName { get; private set; }
public int SwimmersEaten { get; private set; }
}
ActivityViewModel 最多可以有 4 个项目。 如果我使用以下代码来呈现 Viewmodel:
<RefreshView IsRefreshing="{Binding IsBusy, Mode=TwoWay}" Command="{Binding LoadItemsCommand}">
<CollectionView x:Name="ItemsCollectionView"
ItemsSource="{Binding ItemsViewModel}">
<CollectionView.ItemTemplate>
<DataTemplate>
<StackLayout Padding="10">
<Label Text="{Binding Title}"/>
<CollectionView x:Name="Actions"
ItemsSource="{Binding Activities}">
<CollectionView.ItemTemplate>
<DataTemplate>
<StackLayout Padding="10" Orientation="Horizontal">
<Label Text="{Binding DisplayName}"/>
<Label Text="{Binding NumberOfGroups}"/>
</StackLayout>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
<Label Text="Used Option 1"
IsVisible="{Binding UsedOption1}"/>
<Label Text="Used Option 2"
IsVisible="{Binding UsedOption2}"/>
<Label Text="Used Option 3"
IsVisible="{Binding UsedOption3}"/>
<Label Text="Used Option 4"
IsVisible="{Binding UsedOption4}"/>
</StackLayout>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</RefreshView>
我得到了几乎按照我想要的方式呈现的列表中的第一项,尽管最后缺少使用的选项。 我的渲染看起来像:
Title 1
a 0
b 2
c 0
d 1
我得到了第一个顶级项目的标题、显示名称和其中 4 个项目中每个项目的组数。 问题是我的列表中有后续项目没有出现。 如果我在中间切掉列表器,我只能获取列表中第一个之外的项目,如下所示:
<RefreshView IsRefreshing="{Binding IsBusy, Mode=TwoWay}" Command="{Binding LoadItemsCommand}">
<CollectionView x:Name="ItemsCollectionView"
ItemsSource="{Binding ItemsViewModel}">
<CollectionView.ItemTemplate>
<DataTemplate>
<StackLayout Padding="10">
<Label Text="{Binding Title}"/>
<Label Text="Used Option 1"
IsVisible="{Binding UsedOption1}"/>
<Label Text="Used Option 2"
IsVisible="{Binding UsedOption2}"/>
<Label Text="Used Option 3"
IsVisible="{Binding UsedOption3}"/>
<Label Text="Used Option 4"
IsVisible="{Binding UsedOption4}"/>
</StackLayout>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</RefreshView>
这会呈现我列表中所有视图模型的标题和选项,如下所示:
Title 1
Used Option 3
Title 2
Used Option 2
Used Option 3
我可以看到内部集合视图的存在正在做一些奇怪的事情,以防止呈现超出其列表的项目,从而防止恢复呈现外部列表的内容。 我肯定错过了一些东西,但无法弄清楚。 我该如何解决这个明显的限制?
我找不到让我渲染嵌套列表的答案,Jason 在评论中说这是不可能的。
由于我知道我的 ViewModel 只需要呈现不超过 4 个项目的列表,我的解决方案是将以下成员添加到 ItemsViewModel:
public ActivityViewModel Action1 => Activities?.FirstOrDefault();
public ActivityViewModel Action2 => Activities?.Skip(1).FirstOrDefault();
public ActivityViewModel Action3 => Activities?.Skip(2).FirstOrDefault();
public ActivityViewModel Action4 => Activities?.Skip(3).FirstOrDefault();
我的观点现在看起来像这样:
<RefreshView IsRefreshing="{Binding IsBusy, Mode=TwoWay}" Command="{Binding LoadItemsCommand}">
<CollectionView x:Name="ItemsCollectionView"
ItemsSource="{Binding ItemsViewModel}">
<CollectionView.ItemTemplate>
<DataTemplate>
<StackLayout Orientation="Horizontal">
<Label Text="{Binding Title}"/>
<Label Text="{Binding Action1.DisplayName}"/>
<Label Text="{Binding Action1.NumberOfGroups}"/>
<Label Text="{Binding Action2.DisplayName}"/>
<Label Text="{Binding Action2.NumberOfGroups}"/>
<Label Text="{Binding Action3.DisplayName}"/>
<Label Text="{Binding Action3.NumberOfGroups}"/>
<Label Text="{Binding Action4.DisplayName}"/>
<Label Text="{Binding Action4.NumberOfGroups}"/>
<Label Text="Used Option 1"
IsVisible="{Binding UsdOption1}"/>
<Label Text="Used Option 2"
IsVisible="{Binding UsdOption2}"/>
<Label Text="Used Option 3"
IsVisible="{Binding UsdOption3}"/>
<Label Text="Used Option 4"
IsVisible="{Binding UsdOption4}"/>
</StackLayout>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</RefreshView>
由于视图的数据模板中有重复条目,这不是一个理想的解决方案,而是一种有效的解决方法。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.