드래그시 자동 스크롤 - Vaadin DragDrop 애드온

DDVerticalLayout 하위 구성 요소가있는 고정 된 위치 CssLayout을가집니다. 목록 뷰를 생성하기 위해 사용자 상호 작용을 기반으로이 수직 레이아웃을 동적으로 채우고 있습니다. 목록이 표시된 영역보다 커지면 문제가 발생합니다. 올바르게 스크롤되지만 드래그가 자동 스크롤되지 않습니다. 이것은 사용자가 드래그, 스크롤, 드래그, 스크롤, 드래그를 강제합니다 ...드래그시 자동 스크롤 - Vaadin DragDrop 애드온

예를 들어, 목록의 맨 아래에있는 항목을 선택하면보기는 한 번에 6 개 항목 만 표시하고 끌 수는 없습니다 그것은 한 번에 5 개 이상의 공간 위로. 마우스를 가리키면 자동으로 스크롤되지 않습니다. 아이 DDVerticalLayout CSS와

부모 CssLayout :

.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 
     } 
    });

내가 만약 angel v7.7.6에 대한 drag and drop add-on v1.3.2을 사용하고 있습니다 .

출처

2017-03-13 fakataha

나 자신을 테스트하지는 않았지만이 중 하나가 도움이 될 수 있습니까? https://vaadin.com/directory#!addon/dndscroll-add-on –

추가 기능이 표 또는 패널 레이아웃에만 사용되는 것 같습니다. – fakataha

이 게시물은 오래된 게시물이지만 다른 사람에게 유용 할 수 있습니다. DNDScroll 추가 기능을 사용하려면 Panel에 VerticalLayout을 래핑해야합니다. 이와 비슷한 것 -

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

출처

2017-12-04 16:22:35

드래그시 자동 스크롤 - Vaadin DragDrop 애드온

답변

관련 문제