SuperAPI AI 工具集

umbraco-sorter

通用与其它

查看项目

更新于 10-15 21:05

技能介绍

用途:UmbSorterController 为 Umbraco 后台的列表提供拖拽排序功能,可处理容器内重排、容器之间移动项目以及嵌套排序,适合块编辑器、内容树等需要用户自定义顺序的 UI。

主要能力:通过 identifier、itemSelector、containerSelector、getUniqueOfElement、getUniqueOfModel、onChange、onStart、onEnd 等选项配置排序行为;提供 setModel、getModel、disable、enable 方法;拖动时会给容器添加 .umb-sorter-dragging、给占位元素添加 .umb-sorter-placeholder 类。

使用方式:从 @umbraco-cms/backoffice/sorter 导入 UmbSorterController,配合 UmbLitElement 与 lit 的 repeat 指令创建容器元素和可排序项元素;跨容器拖动时多个控制器使用相同 identifier;嵌套场景中通过递归组件并向上传递变更处理子项更新。

官方参考示例包括 sorter-with-nested-containers 与 sorter-with-two-containers,实施前建议先获取官方文档。

限制与注意:每项需唯一 ID,选择器需与 DOM 匹配,应使用 repeat 的 key 函数,嵌套更新需逐层传播;资料未提供具体版本要求、收费或许可信息。