用途:为 Syncfusion JavaScript 控件提供跨控件的通用能力,包括安装与打包配置、动画与交互、全球化与本地化、状态管理及安全处理,适用于需要在多种宿主环境统一行为的 JavaScript 应用。
主要能力:
- 安装与集成:支持 Webpack、Electron、Cordova、Ionic、Meteor、SharePoint 等环境配置;通用依赖 @syncfusion/ej2-base 随任一 Syncfusion JavaScript 包自动安装,无需显式加入 package.json。
- 全球化:RTL(阿拉伯语、希伯来语、波斯语)、本地化 l10n、i18n 与 CLDR 数据、数字与货币格式化、日期时间格式化。
- 高级特性:动画效果(FadeIn、ZoomOut、SlideUp 等)与时长/延迟/全局设置;Draggable/Droppable 拖放;模板定制与优化;enablePersistence 状态持久化;安全最佳实践与 HTML 清洗。
必要用法:安装命令为 npm install @syncfusion/ej2-grids@latest @syncfusion/ej2-tailwind3-theme@latest --save;样式通过 @import "../node_modules/@syncfusion/ej2-tailwind3-theme/styles/grid/index.css"; 引入。许可证注册:先设置环境变量(Windows 用 setx SYNCFUSION_LICENSE "Your_License_Key_Here",Mac/Linux 用 export SYNCFUSION_LICENSE='Your_License_Key_Here'),再运行 npx syncfusion-license activate。
典型示例:用 new Grid({ dataSource, allowPaging: true, columns }) 创建网格并 Grid.Inject(Page) 后 appendTo('#grid');开启状态持久化用 enablePersistence: true;RTL 可用 enableRtl(true) 全局启用或控件级 enableRtl: true;动画用 new Animation({duration, delay}).animate(element, {name:'FadeOut'});拖放用 Draggable 与 Droppable 并为 drop 事件传入处理函数。
限制:资料未提供具体收费、价格、性能数据或浏览器兼容清单;示例依赖 Syncfusion 许可证与环境变量配置,需按上述命令完成注册。