向数据网格显示列表答案

【问题标题】：Showing List to Data Grid向数据网格显示列表
【发布时间】：2020-05-21 04:10:24
【问题描述】：

您好，我是 Xamarin 的新手，目前我有一个项目需要我在下面显示类似图像的内容

我已经有一个项目列表，在列表中，我在每个项目中都有另一个列表，其中包含“实际工作”和“计划工作”。但我不知道如何以这种方式呈现我。

所以我有一个包含列表的列表。我想像在图像中一样显示它。有什么想法吗？

提前谢谢你

【问题讨论】：

标签： xaml listview xamarin.forms datagrid

【解决方案1】：

    <StackLayout HorizontalOptions="FillAndExpand">

        <ListView
                Footer=" "
                HasUnevenRows="True"
                HeightRequest="{Binding WeekHeight}"
                ItemsSource="{Binding WeekReports}"
                SeparatorVisibility="None">
            <ListView.HeaderTemplate>
                <DataTemplate>
                    <ContentView BackgroundColor="Beige">
                        <Grid Padding="0"
                                HeightRequest="70"
                                HorizontalOptions="FillAndExpand">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>


                            <Label Text="Sun" Grid.Column="1"/>
                            <Label Text="Mon" Grid.Column="2"/>
                            <Label Text="Tue" Grid.Column="3"/>
                            <Label Text="Wed" Grid.Column="4"/>
                            <Label Text="Thu" Grid.Column="5"/>
                            <Label Text="Fir" Grid.Column="6"/>
                            <Label Text="Sat" Grid.Column="7"/>

                        </Grid>
                    </ContentView>
                </DataTemplate>
            </ListView.HeaderTemplate>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell IsEnabled="False">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <Label Text="{Binding Work}" Grid.Column="0"/>
                            <Label Text="{Binding Value1}" Grid.Column="1"/>
                            <Label Text="{Binding Value2}" Grid.Column="2"/>
                            <Label Text="{Binding Value3}" Grid.Column="3"/>
                            <Label Text="{Binding Value4}" Grid.Column="4"/>
                            <Label Text="{Binding Value5}" Grid.Column="5"/>
                            <Label Text="{Binding Value6}" Grid.Column="6"/>
                            <Label Text="{Binding Value7}" Grid.Column="7"/>

                        </Grid>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>

        </ListView>
    </StackLayout>

ItemSource 模型应该是这样的：

public class Report{        
  public string Work { get; set; }
    public string value1 { get; set; }
    public string value2 { get; set; }
    public string value3 { get; set; }
    public string value4 { get; set; }
    public string value5 { get; set; }
    public string value6 { get; set; }
    public string value7 { get; set; }
}

【讨论】：