提问者:小点点

拖动时自动滚动-Vaadin DragDrop插件


我有一个固定位置的CssLayout和一个DDVerticalLayout子组件。我基于用户交互动态填充这个垂直布局,以创建列表视图。当列表大于显示区域时,我遇到了一个问题。它可以正确滚动,但拖动不会自动滚动。这迫使用户拖动、滚动、拖动、滚动。。。

例如,如果我选择了列表底部的一个项目,而视图一次只显示6个项目,我不能一次将它向上拖动超过5个空格。视图不会根据鼠标悬停自动滚动。

父级CssLayout与子级DDVerticalLayout CSS:

.list {
  z-index: 9999;
  position: fixed;
  right: 1%;
  top: 20%;
  max-width: 25%;
  max-height: 70%;
  min-height: 150px;

  .v-verticallayout {
    background-color: #EEEEEE;
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
    margin-left: 6px;
    margin-right: 6px;
    max-height: 350px;
    min-height: 100px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
  }
}

CssLayout类中的DDVerticalLayout设置:

private final DDVerticalLayout layout = new DDVerticalLayout();
//...
layout.setDragMode(LayoutDragMode.CLONE);
layout.setSizeUndefined();
layout.setDropHandler(new DefaultVerticalLayoutDropHandler()     
       @Override
        protected void handleComponentReordering(DragAndDropEvent event) {
            super.handleComponentReordering(event);
            //custom code omitted
        }
    });

我正在为Vaadin v7.7.6使用拖放插件v1.3.2。


共1个答案

匿名用户

这是一篇旧帖子,但可能对遇到此问题的其他人有用。您需要将VerticalLayout包装在面板中才能使用DNDScroll插件。像这样的东西-

Panel panel = new Panel();
panel.setContent(content);
panel.setHeight(200, Unit.PIXELS); //optional - could be setSizeFull();
PanelAutoScrollExtension extension = new PanelAutoScrollExtension();
extension.extend(panel);