SuperAPI AI 工具集

syncfusion-blazor-treegrid

通用与其它

查看项目

更新于 10-15 22:32

技能介绍

用途:SfTreeGrid<TValue> 以表格形式渲染层级数据,行可展开/折叠,适用于组织架构、任务层级、物料清单、文件浏览等场景,可在 Blazor Web App、WASM、Server 或 MAUI 项目中使用。

主要能力:支持自引用平面数据(IdMapping/ParentIdMapping)与嵌套子集合;数据绑定含远程 URL/OData/Web API、SfDataManager、按需加载、DataAdaptor 自定义绑定、GraphQLAdaptor(GraphQL);列可设 ColumnType、格式、对齐、冻结、重排、调整大小、堆叠表头、外键;支持排序、筛选(FilterBar/Menu/Excel/CheckBox)、搜索、分页与虚拟化;编辑模式含 Cell/Row/Dialog/Batch,支持增删改、校验与模板编辑;另含选择、行模板、工具栏、上下文菜单、聚合、剪贴板复制粘贴、自动填充、自适应布局、状态持久化、Excel/PDF 导出与打印、冻结行列。

用法:安装 NuGet 包 Syncfusion.Blazor.TreeGrid;在 _Imports.razor 添加 @using Syncfusion.Blazor 与 @using Syncfusion.Blazor.TreeGrid;引入主题样式 <link href="_content/Syncfusion.Blazor.Themes/material.css" rel="stylesheet" />;在 Program.cs 调用 builder.Services.AddSyncfusionBlazor()。基本写法为 <SfTreeGrid DataSource="@TreeData" IdMapping="Id" ParentIdMapping="ParentId" TreeColumnIndex="1">,内部用 TreeGridColumns/TreeGridColumn 定义列。

限制与注意:IdMapping 唯一标识行,ParentIdMapping 指向父行 ID(null/0 为根),TreeColumnIndex 为显示展开图标的列索引(从 0 开始)。类型需完整限定命名空间以避免歧义:FilterType、EditMode、CopyHierarchyType 等属于 Syncfusion.Blazor.TreeGrid;Action、TextAlign、ColumnType、SelectionMode 等属于 Syncfusion.Blazor.Grids,事件参数常需 @using Syncfusion.Blazor.Grids。事件须写在 <TreeGridEvents> 内,命名以官方参考为准(如 Sorting/Sorted、Filtering/Filtered,不存在 OnSortChange/OnFilterChange)。自定义绑定与 GraphQL 等细节需查阅对应参考文件;分页作用域与虚拟化存在限制。具体收费与价格信息暂未提供。