WPF表格显示数据

这篇博客介绍了如何在WPF应用中使用XAML创建表格,并通过数据绑定技术显示数据结构的内容。步骤包括在XAML中插入表格,定义数据结构,以及在后台代码中填充数据。关键在于正确设置Binding,确保数据源属性与表格列对应。

在xaml中插入表格:

<DataGrid Background="AliceBlue" Margin="0,256,10,10" Focusable="False" x:Name="testDataGrid" AutoGenerateColumns="False" CanUserAddRows="False">
                <DataGrid.Columns>
                    <DataGridTextColumn Width="50" Header="序號" Binding="{Binding Number}" IsReadOnly="True"/>
                    <DataGridTextColumn Width="300" Header="測試項目" Binding="{Binding TestItem}" IsReadOnly="True"/>
                    <DataGridTextColumn Width="50" Header="結果" Binding="{Binding Result}" IsReadOnly="True"/>
                    <DataGridTextColumn Width="150" Header="開始時間" Binding="{Binding StartTime}" IsReadOnly="True"/>
                    <DataGridTextColumn Width="*" Header="結束時間" Binding="{Binding EndTime}" IsReadOnly="True"/>
                </DataGrid.Columns>
            </DataGrid>

然后创建数据结构:

public struct TestData
    {
WPF (Windows Presentation Foundation) 中通过 `TreeView` 控件可以方便地创建和管理分类树结构的数据展示。如果你希望将表格形式的内容嵌入到这个分类树中,通常会结合使用 `DataGrid` 和自定义模板来实现。 下面是一个简单的例子: ### 步骤一:准备数据模型 首先需要设计好你的业务实体类,并考虑如何组织层次化的关系。例如,你可以有一个产品类别列表,每个类别下包含若干商品信息作为叶子节点。 ```csharp public class CategoryItem : INotifyPropertyChanged { private string name; public ObservableCollection<CategoryItem> Children { get; set; } = new(); // 属性及通知机制... } // 商品条目可以直接继承CategoryItem简化处理 ``` ### 步骤二:XAML布局编写 接下来,在 XAML 文件里配置 TreeView 的外观样式。我们为每一层提供不同的 DataTemplate 来适应不同类型的数据显示需求。对于非叶节点应用标准文本框表示法;而对于叶节点,则采用 Grid 或者更复杂的控件如 ListView、DataGrid 等进行详细字段排列。 ```xml <TreeView ItemsSource="{Binding RootCategories}"> <TreeView.Resources> <!-- 定义针对不同层级内容的不同模版 --> <HierarchicalDataTemplate DataType="{x:Type local:CategoryItem}" ItemsSource="{Binding Path=Children}"> <TextBlock Text="{Binding Name}"/> </HierarchicalDataTemplate> <!-- 这里添加更多特定于底层项目的模板 --> <!-- 假设有一种情况是最终级的项应该展现成一个迷你表格 --> <DataTemplate x:Key="LeafItemsTable"> <DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Products}"> <DataGrid.Columns> <!-- 根据实际需求定义列 --> </DataGrid.Columns> </DataGrid> </DataTemplate> </TreeView.Resources> </TreeView> ``` 请注意上述示例仅用于说明目的,在真实的项目实践中还需要根据实际情况调整绑定路径以及样式细节等设置。 ### 步骤三:填充并显示数据 最后一步就是在后台代码或者VM(View Model)里面准备好根级别的 Categories 集合供前端界面访问即可完成整个功能构建了。 以上就是 WPF 实现带表格式子元素的分类树的基本流程概述啦! --- **注意:** 如果你需要更加复杂的功能定制,比如允许用户编辑单元格内容或是拖拽排序之类的交互操作,则可能涉及到进一步的学习和技术探索哦~
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值