大家好，UI5专家，

这个周末我想探索一下UI5控件的拖放功能，它已经在UI5版本1.56以上提供。拖放是一种非常直观的用户体验，云服务器租用，在我们的一个项目中，它随时都可能成为一种需求。在浏览一些资源的时候，我发现了这个很棒的帖子，它似乎完全符合我的目的。以下是它的链接：

https://sapyard.com/advance-sapui5-21-drag-and-drop-with-custom-button-control/

令我沮丧的是，最终产品不起作用。因此，淘客吧，我自己完成了这项工作，在这里我向您展示了同样的内容。

这里有一个员工记录列表，51返利，我们没有选择记录并点击删除按钮，而是提供了在删除按钮上拖动记录的功能，以执行相同的功能。

初始屏幕

现在我将拖放将第二条记录放在删除按钮上，它应该会从表中消失。

将第二条记录拖到删除按钮

瞧！记录已被删除

让我们更深入一点，网站用云服务器，看看这里到底发生了什么。

首先，我们需要为表控件指定"DragInfo"，如下所示。源聚合是"items"，因为我们将从表中拖出一个ColumnListItem。

接下来我们指定Delete按钮的"DropInfo"，云服务器哪里好，如下代码所示：

现在如果您注意到，我的按钮是一个自定义按钮控件。这是因为对于按钮控件，默认情况下"droppable"元数据属性设置为false，因此我们需要将其更改为true，以便能够将项拖放到按钮中。下面的代码片段显示了元数据是如何更新的。

一旦在上面的按钮中"删除"了一个项目，就会触发"删除"事件，调用控制器中的以下函数。此函数获取从表模型拖动的项目的上下文，并从模型中删除条目。

希望此博客能帮助您在将来的项目中实现拖放功能。以下是一些网址，您可以参考更多信息：

https://sapui5.hana.ondemand.com/#/主题/3ddb6cde6a8d416598ac8ced3f5d82d5https://sapui5.hana.ondemand.com/1.36.6/docs/guide/7b52540d9d8c4e00b9723151622bbb64.html