UI5 根据鼠标事件 x 和 y 获取 table rowIndex

Question

我必须制作一个 UI，我需要将项目从列表拖到 Table

我按照这个 post 进行了拖放操作，效果很好。但问题是我需要添加到用户删除的确切行。

如何从 JQuery DropEvent

中找到 rowIndex

Answer 1

也许一项一项检查项目位置会有所帮助。

var oTable = this.getView().byId("idTable");
var items = oTable.getItems();

每个项目的位置都可以与DropEvent的位置进行比较。

item.$().offset();

Answer 2

为了使 table 可放置，我们可以使每一行都可放置，如下所示

var tableId = this.oTable.getId();
$("#"+tableId+" tr").droppable({  
    drop: this.onDroped.bind(this) 
});

因此我们可以捕捉到被丢弃的确切行，然后我们可以决定在哪里可以添加被丢弃的数据。

UI5 getting table rowIndex based on Mouse event x and y