用途:在 ASP.NET Core 项目中集成 Syncfusion Tab 组件,构建选项卡式导航界面,将相关内容分到可选择的标签页中,常用于内容分区、向导步骤、可折叠/手风琴式界面等场景。
主要能力:支持 headerPlacement 将标签头置于上、下、左、右;内容加载模式分 Init(一次全部)、Demand(按需懒加载)、Dynamic(仅保留当前选中内容);allowDragAndDrop 开启标签拖拽排序;enablePersistence 保存并恢复选中项;支持动画、RTL 与本地化、键盘导航;heightAdjustMode 可选 None、Auto、Content、Fill 控制内容面板高度。核心属性包括 items、selectedItem、loadOn 等。事件涵盖 selecting/selected、adding/added、removing/removed、onDragStart/dragging/dragged、created/destroyed,用于校验切换、检测用户与程序化选择及拖拽后更新数据。
使用方式:需安装 NuGet 包 Syncfusion.EJ2.AspNet.Core,在 _ViewImports.cshtml 注册 Tag Helper,在布局中引用 CSS 主题(CDN 或 NPM)并在 body 放置 <ejs-scripts>,用 <ejs-tab> 与 <e-tab-tabitems> 声明标签项。示例:<ejs-tab id="ej2Tab"><e-tab-tabitems><e-tab-tabitem header="@(new TabHeader { Text = "Home" })" content="Welcome to home tab"></e-tab-tabitem></e-tab-tabitems></ejs-tab>。懒加载可设 loadOn="ContentLoad.Demand",动态模式设 loadOn="ContentLoad.Dynamic",拖拽设 allowDragAndDrop="true",持久化设 enablePersistence="true"。
适用与限制:适合需要分区切换、逐步向导、外部内容动态加载的 ASP.NET Core 页面。组件 ID 需页面内唯一;内容策略与高度模式需按布局配置;无障碍与键盘导航需自行验证。收费、价格、平台等资料暂未提供。