Загрузка файла перетаскивания GWT не работает

Question

Итак, я реализовал очень простой виджет загрузки файлов с перетаскиванием. В основном мой виджет представляет собой вертикальную панель с несколькими ярлыками и кнопкой внутри. Пользователь может перетащить файл в вертикальную панель или нажать кнопку и просмотреть файл.

Проблема в том, что когда я перетаскиваю файл на вертикальную панель, он запускает DragLeaveEvent каждый раз, когда я перетаскиваю элемент по пространству, которое занимают метки или кнопки. Я хочу, чтобы он знал, что элемент находится на вертикальной панели, даже если он находится поверх метки или кнопки. Я уверен, что мне не хватает чего-то простого. Я обеспечить функциональность перетаскивания путем добавления этих обработчиков Dóm к вертикальной панели:

addDomHandler(new DragEnterHandler() { 
      @Override 
      public void onDragEnter(DragEnterEvent event) { 
       System.out.println("drag enter"); 
       highlight(true); 
      } 
     }, DragEnterEvent.getType()); 

addDomHandler(new DragLeaveHandler() { 
      @Override 
      public void onDragLeave(DragLeaveEvent event) { 
       System.out.println("drag leave"); 
       highlight(false); 
      } 
     }, DragLeaveEvent.getType()); 

addDomHandler(new DragOverHandler() { 
      @Override 
      public void onDragOver(DragOverEvent event) { 
      } 
     }, DragOverEvent.getType()); 

addDomHandler(new DropHandler() { 
      @Override 
      public void onDrop(DropEvent event) { 
       System.out.println("drop"); 
       // stop default behaviour 
       event.preventDefault(); 
       event.stopPropagation(); 

       // starts the fetching, reading and callbacks 
       if (fileUploadHandler != null) { 
        handleFiles(event.getDataTransfer(), fileUploadHandler); 
       } 
       highlight(false); 
      } 
     }, DropEvent.getType());  

Answer 1

Через много исследований я пришел к единственному решению я смог найти. Я устанавливаю подсветку в true в обработчике dragover вместо drag enter.

panel.addDomHandler(new DragEnterHandler() { 
     @Override 
     public void onDragEnter(DragEnterEvent event) { 
     } 
    }, DragEnterEvent.getType()); 

    panel.addDomHandler(new DragLeaveHandler() { 
     @Override 
     public void onDragLeave(DragLeaveEvent event) { 
      highlight(false); 
     } 
    }, DragLeaveEvent.getType()); 

    panel.addDomHandler(new DragOverHandler() { 
     @Override 
     public void onDragOver(DragOverEvent event) { 
      highlight(true); 
     } 
    }, DragOverEvent.getType()); 

    panel.addDomHandler(new DropHandler() { 
     @Override 
     public void onDrop(DropEvent event) { 
      // stop default behaviour 
      event.preventDefault(); 
      event.stopPropagation(); 

      // starts the fetching, reading and callbacks 
      handleFiles(event.getDataTransfer()); 
      highlight(false); 
     } 
    }, DropEvent.getType()); 

Answer 2

Убедитесь, что целевое событие является потомком (или великого ребенка) на панели, или в данном случае, может быть, скорее ли целевое событие в точности вашей панели элемент:

if (verticalPanel.getElement().isOrHasChild(Node.as(event.getNativeEvent().getEventTarget()))) { 
    // within the panel (possibly on a child) 
} 

if (verticalPanel.getElement() == Node.as(event.getNativeEvent().getEventTarget())) { 
    // targetting exactly the panel (e.g. leaving the panel, not one of its children) 
}