用途:该技能面向使用 Syncfusion TypeScript Accordion 组件构建垂直可折叠内容面板,可用于响应式导航菜单、可展开内容区块、多步向导或表单、层级数据展示、FAQ 与购物车步骤等界面。
主要能力:支持 Single 与 Multiple 两种展开模式,可设置初始展开项与展开索引;支持自定义动画(effect、duration、easing)、图标(内置图标与 Font Awesome)、表头模板与项模板;支持 items 数组、dataSource 绑定及 AJAX 动态加载内容,可与 TreeView、表单等组件集成;提供 enableRtl、enablePersistence、enableHtmlSanitizer 等设置,并包含方法(addItem、removeItem、enableItem、expandItem、hideItem、select、refresh 等)与事件(expanding、expanded、clicked、created、destroyed)。
使用方式:通过 npm 安装对应包,从 @syncfusion/ej2-navigations 导入 Accordion,并导入所选主题的 CSS。基础用法为传入 items 数组,每项含 header、content、expanded 等字段,再调用 appendTo 挂载到指定元素。动画需使用 animation 对象而非 enableAnimation 布尔值。
适用场景:导航与可折叠内容、多步表单与校验流程、层级数据面板、动态内容加载与组件集成。
限制:具体平台、收费与价格信息暂未提供。