代码之家  ›  专栏  ›  技术社区  ›  nam

UWP GridView相当于WPF DataGrid

  •  0
  • nam  · 技术社区  · 6 年前

    我们如何使用UWP GridView 如下所示 WPF DataGrid ?

    备注:数据绑定并不重要。您可以假设一个伪代码(具有MyTableId、DateModified、Author属性的psedo类)。

    WPF数据网格XAML :

    <Window x:Class="MyWPFProj.MainWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        ...........
            Title="MainWindow" Height="450" Width="800">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="103*"/>
                <ColumnDefinition Width="697*"/>
            </Grid.ColumnDefinitions>
            <DataGrid x:Name="dgMathDocs" IsReadOnly="True"  AutoGenerateColumns="False" SelectionMode="Single" Margin="0,43,0,0" Grid.ColumnSpan="2">
                <DataGrid.Columns>
                    <DataGridTemplateColumn Header="Edit">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Button x:Name="btnEdit" Content="Edit" Click="btnEdit_Click"></Button>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTemplateColumn Header="Delete">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Button x:Name="btnDelete" Content="Delete" Click="btnDelete_Click"></Button>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTextColumn Header="ID" Visibility="Collapsed" Binding="{Binding MyTableId}" />
                    <DataGridTemplateColumn Header="Date Modified">
                        <DataGridTemplateColumn.CellEditingTemplate>
                            <DataTemplate>
                                <DatePicker SelectedDate="{Binding DateModified}"  BorderThickness="0" />
                            </DataTemplate>
                        </DataGridTemplateColumn.CellEditingTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTextColumn Header="Author" Binding="{Binding Author}"/>
                    </DataGridHyperlinkColumn>
                </DataGrid.Columns>
            </DataGrid>
        </Grid>
    </Window>
    

    上述XAML的WPF DataGrid显示 :

    enter image description here

    1 回复  |  直到 6 年前
        1
  •  0
  •   Andrii Krupka    6 年前

    你可以尝试使用 DataGrid Windows Community Toolkit .

    您可以从以下网址找到更多信息 Sample App 在GitHub上

    推荐文章