在拖拽落点之间、之上，还是两者兼有？——全面解析 SAP UI5 中的 enum sap.ui.core.dnd.DropPosition

最新推荐文章于 2025-12-07 21:43:11 发布
最新推荐文章于 2025-12-07 21:43:11 发布
阅读量119 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： SAP UI5 百科全书 文章标签： ui SAP UI5 Fiori Elements Fiori SAP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i042416/article/details/150614371

在 SAP UI5 的拖拽体系里，sap.ui.core.dnd.DropPosition 是一个小而关键的枚举。它不决定能不能放下，而是决定放在何处可视化地呈现为“合法”目标，从而直接影响用户在拖拽过程中看到的落点提示线、目标高亮与最终插入语义。理解它，等于吃透了列表、树、表格等控件的拖拽体验设计。

为了把概念讲清楚，先把它放进更大的上下文里：UI5 拖拽的配置一般通过容器控件的 dragDropConfig 聚合完成，常见的是在源侧放一个 sap.ui.core.dnd.DragInfo，在目标侧放一个 sap.ui.core.dnd.DropInfo/sap.f.dnd.GridDropInfo。而 DropPosition 就是 DropInfo 的核心参数之一，用于声明目标控件愿意接受哪种“落点形态”。在 SAP 官方设计指南对树与树表的交互说明里，明确给出了这三个取值以及各自的意图：On、Between、OnOrBetween。(SAP)

三个枚举值的语义与心理模型

了解本专栏 订阅专栏 解锁全文
让控制逻辑与业务逻辑各归其位：全面理解 SAP UI5 enum sap.ui.model.FilterType
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
09-04 113
把当作“长效约束”，把Control当作“交互瞬时”；始终在filter调用中显式传入FilterType，避免“标准行为”的不确定性；在 OData V2 注意“路径分组”的 AND/OR 规则；在 OData V4 遵循服务端$filter的推荐做法与操作模式设置；不要把 Smart Filter Bar 的filterType与混用，二者语义不同、命名空间不同。SAP在模块依赖中显式引入，符合官方的加载最佳实践。GitHub。
掌控 SAP UI5 路由回退的钥匙：类 sap.ui.core.routing.History 全解析
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
08-27 112
Router。
以 sap.ui.core.mvc.ViewType 为坐标：SAP UI5 视图类型的语义、边界与工程化取舍
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
08-28 113
看似只是五个大小写名称，背后却承载了视图解析、工具链对接、模板编译与路由契约等一整套工程事实。把它用对地方，你会得到更清晰的团队协作语义、更顺手的调试体验，以及与 Fiori 生态更自然的贴合度；忽视它，你可能在加载、路由、模板处理乃至弃用 API 的边缘案例里不断“踩坑”。ViewType是 UI5 MVC 的基础枚举，贯穿从模块加载到路由关联的完整链条。——参考定位（可按需延展阅读）（含XMLJSJSONHTMLTemplate）与其所在库索引。
把 SAP UI5 中的 sap.m.library 说透：它到底是什么、何时需要、如何正确加载与使用
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
08-20 318
下面是一段极简XMLView与控制器。它展示了的类型来自暴露的ButtonType，以及一个典型的交互。<mvc:View<Buttontext='点我'// 也可以在代码里显式使用枚举常量MessageToast.show('按钮类型是 ' + mobileLibrary.ButtonType.Emphasized);});});'libs': {把这三个文件放到标准的 UI5 应用骨架中即可运行。之所以能识别，正是因为在库初始化阶段把ButtonType挂到了sap.m。
sap.ui.base.DataType：SAP UI5 属性类型系统的基石与现代用法
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
08-26 120
DataType。
SAP UI5 文档里的 enum 究竟是什么：以 sap.m.Sticky 为例的类型系统与落地实践
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
08-18 63
enumUI5 文档中的enum是框架在 JavaScript 之上构建的“受控常量集”，通过纳入类型系统，供控件元数据引用与运行期校验。作为一个典型例子，把“页面滚动时哪些区域吸顶”这件事从 CSS 细节中抽象出来，变成了一个稳定的、可被工具与文档理解的 API。理解它的定义方式、渲染机制与环境限制，你就能在ListTableGridListTree等控件里自如地打造“可滚、可看、可操作”的一致体验。参考与延伸阅读枚举在library.js的定义、注册与在控件元数据中的使用方式，官方开发者指南有完整示例。
113. 授人以渔 - 如何自行查询任意 SAP UI5 控件属性的文档和技术实现细节
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
08-03 1306
实际 SAP UI5 开发项目中，只知道一个 SAP UI5 控件的名称，想知道这个控件支持哪些属性，事件和方法，以及如何使用，这是 SAP UI5 开发者经常会遇到的需求。本文介绍了通过查阅 SAP UI5 官网和阅读以及单步调试 SAP UI5 框架实现代码两种方式来帮助 SAP UI5 开发人员自己找到这些问题的答案。在实际开发中，可能需要综合运用两种方法，才能找到问题的答案。.........
在 SAPUI5 自定义库里，library.js 究竟扮演了什么角色
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
10-15 20
在 SAPUI5/Fiori Elements 开发中，library.js 作为控件库的核心枢纽文件，承担着库初始化、类型注册和命名空间管理的三大关键职责。本文系统阐释了该文件的设计要点：通过 sap/ui/core/Lib.init 初始化库元数据，利用 DataType.registerEnum 注册类型系统，与 ManagedObject 元数据协同工作，并集中管理样式和枚举定义。最佳实践表明，应避免全局类型访问，采用模块化依赖方式引用枚举，将库级样式统一放入 library.css，并通过规范化的
在 SAP UI5 中定义控件属性：从类型系统到运行时行为的全景剖析
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
10-15 43
本文深入解析了SAP UI5控件开发中属性定义的关键要点。首先介绍了属性定义的基本形态，包括类型声明、默认值设置及自动化API生成机制，强调必须通过setProperty方法保持框架校验与脏标记机制。其次详细梳理了属性类型系统，涵盖内置类型、CSSSize特殊处理、正则约束类型和枚举类型的定义规范。接着阐述了XML View与JavaScript两种使用场景下的序列化规则。最后指出开发中的常见陷阱，包括对象属性变更检测、访问器覆写规范，以及function/object等特殊类型的实践边界。全文结合官方文档
让数据流动有章可循：深入理解 SAP UI5 enum sap.ui.model.BindingMode
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
09-04 129
在 SAP UI5 的数据绑定体系里，是一个小而关键的基石。它不直接渲染任何界面，却决定了模型与视图之间的数据如何流动、何时同步、以及由谁发起更新。理解这个枚举的语义与应用边界，能让你在构建表单、主从列表、只读报表或高频输入场景时做到心中有数，既写出性能稳定的应用，又减少调试时的困惑。官方文档将该枚举定义在模块下，并明确给出了取值与含义。
Vue 通用复选框组互斥 Hooks：兼容 Element Plus + Ant Design Vue
a3212768093的博客
12-02 862
本文介绍了一个通用的Vue Hooks useExclusiveCheckbox，用于实现复选框组的互斥选择功能。该Hooks兼容ElementPlus和AntDesignVue两大UI库，主要特点包括：跨UI库兼容、轻量无依赖、灵活配置互斥选项值、全场景适配和类型安全。核心逻辑通过对比新旧选中值数组，自动处理互斥选项与其他选项的切换关系。文章提供了完整代码和使用示例，分别演示了在ElementPlus和AntDesignVue中的实现方式，并解答了常见问题。该方案可显著提升开发效率，适用于各类需要互斥选择
WPF工业设备诊断管理程序技术方案
ponygame的博客
12-04 980
本文介绍了基于WPF的工业设备诊断管理程序技术方案。该方案采用分层架构设计，包含通信驱动层、数据访问层、业务逻辑层、ViewModel层和UI层，实现故障诊断、处理、报警和恢复等核心功能。系统使用MVVM模式，结合WPF框架和.NET Core技术栈，支持多种工业协议(如OPC UA、Modbus)，具备高性能实时数据处理能力。方案强调模块化设计，通过接口抽象和依赖注入提高扩展性和可维护性，同时考虑了UI响应式设计和用户体验优化。开发需掌握WPF、MVVM、异步编程等关键技术。
DevUI跨端渲染方案：基于Canvas的轻量级渲染引擎设计
weixin_75201252的博客
12-04 953
本文提出了一种基于Canvas的高性能渲染引擎架构方案，针对传统DOM渲染在复杂UI场景下的性能瓶颈问题。通过分层渲染架构、统一渲染模型、虚拟DOM差分算法和智能脏矩形检测等核心技术，实现了相比传统DOM渲染3-5倍的性能提升。文章详细阐述了引擎的完整架构设计、核心算法实现及性能优化策略，并以华为MateChat富文本编辑器为例，展示了该方案在企业级应用中的实践效果，包括73%的首屏渲染时间提升和86%的输入响应延迟降低。该引擎为高性能跨端应用提供了一种创新的渲染解决方案。
Customize Your UI with Flexible Layouts
最新发布
q2315702359的博客
12-07 325
　　Create responsive applications with a layout component that handles spacing, breakpoints, and organization automatically.　　A layout component provides a structured foundation for building modern applications. It offers predesigned, configurable layout te
如何学习 AG-UI 和 CopilotKit
且将新火试新茶，诗酒趁年华
12-06 529
AG-UI（Agent UI）是一套做前端 UI 的组件库，用来：做聊天界面（Chat UI）用户指令栏（Taskbar）动态卡片 / 流水线（Actions + Results）和 AI 状态同步的控件（Copilot Views）
《不止于“开箱即用”：DevUI 表格与表单组件的高阶用法与避坑手册》
已掌握java全栈，简单的java项目逻辑。目前正在学习鸿蒙开发，有兴趣的小伙伴可以一起学习！！！
12-03 1534
在企业级应用开发中，**表格（Table）与表单（Form）** 是使用频率最高、业务逻辑最复杂的两大组件。[DevUI](https://devui.design/home) 提供了功能强大的 `DTable` 和 `DForm`，但若仅停留在基础用法，很容易在**海量数据渲染、动态规则校验、多层嵌套交互**等场景下遭遇性能瓶颈或体验崩塌。
Sciter之子线程更新UI（八）
凌康的博客
12-06 311
本文介绍了如何在Sciter框架中实现子线程更新UI的方法。Sciter是一个小众但高性能的嵌入式UI引擎，适合桌面应用开发。文章展示了通过sciter::thread在子线程中更新UI的两种方式：1) 通过post_event发送事件通知前端更新；2) 直接调用前端JavaScript函数。这两种方法都适用于耗时任务场景，如文件下载完成后更新界面。文中提供了完整的C++和前端JavaScript代码示例，包括线程创建、事件处理和函数调用等关键环节。开发环境为Windows 10 + CLion2024
Flutter：重塑跨平台开发的生态与实践
2501_93575716的博客
12-06 709
Flutter作为Google推出的跨平台开发框架，凭借自绘引擎和响应式架构打破了传统跨平台技术的性能瓶颈。其核心技术包括：基于Skia/Impeller的渲染引擎实现多端一致UI，三层架构分离描述与渲染，以及Dart语言的双编译模式。在开发实践中，状态管理、性能优化和原生交互是三大关键点。Flutter已形成完善的生态系统，被Google、阿里、腾讯等企业应用于核心产品。随着3.0+版本的发布，Flutter正朝着全平台适配、性能优化和生态协同方向发展，成为实现"一次编码，多端部署"的
OpenHarmony + Flutter 混合开发高阶：实现无障碍（Accessibility）与适老化 UI 的深度集成
2502_93572233的博客
12-06 585
本文介绍了在OpenHarmony系统上实现Flutter应用无障碍支持的技术方案。针对Flutter在OpenHarmony上无法自动对接系统无障碍服务的问题，提出了双通道融合架构：通过ArkTS注册无障碍节点并监听系统设置变更，再通过EventChannel和MethodChannel与Flutter交互。具体实现了系统字体/对比度设置的动态响应、虚拟无障碍节点的注册以及语义化UI组件的开发，最终构建符合适老化设计规范的"老年人健康打卡"应用。方案基于OpenHarmony API
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汪子熙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值