在sapui5中从主视图拖放到详细视图

时间:2016-06-02 18:10:26

标签: javascript jquery html css sapui5

我想在sapui5应用中启用拖放功能。为此,我使用了jQuery draggable和droppable小部件。每当我将元素从主视图拖动到细节视图或反之亦然时,拖动的元素将隐藏在另一个视图的后面。下降仍然被识别,元素只是没有显示出来。基本上两种观点都只是div。它可能与溢出属性有关,但我对它没有任何意义。

我在可拖动功能上使用这些参数:

draggable({
   helper: "clone",
   cancel: true,
   cursor: "pointer",
   stack: "
})

这是一个示例jsbin:http://jsbin.com/werewuf/4/edit?html,output

1 个答案:

答案 0 :(得分:1)

  

由于sapMNav sapMSplitContainerMaster sapMSplitContainerMasterVisible元素具有overflow : hidden属性,因此无法在此容器中看到此父级的任何子级。

为父元素和'overflow' : 'visible'

设置dragButton.$().parent().css("overflow-y", "visible").css("overflow-x", "visible");
$('.sapMSplitContainerMasterVisible').css('overflow', 'visible');

JSBin Demo