我有一个固定位置的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。
这是一篇旧帖子,但可能对遇到此问题的其他人有用。您需要将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);