2

Проблема такая: у меня есть дерево. Хочу, чтобы пользователь мог перемещать ноды с помощью мыши. Как реализовать dnd с помощью GWT?

2 ответа 2

2

Вообще, в GWT нет сложностей с dnd. Переопределяете onBrowserEvent - обрабатываете mouse down, mouse move, mouse up. Устанавливаете в sinkEvents - mouse down. Когда наступает это событие добавляете еще mouse move, mouse up, по событию mouse up делаете их unsink. Пока перетаскиваете объект, можете поменять значок курсора или создать специальную PopupPanel, символизирующую перетаскиваемый объект. При перемещении считываете текущие координаты и перетаскиваете эту панельку, напрмиер, так:

void move(Event e) { 
  int x = DOM.eventGetClientX(e); 
  int y = DOM.eventGetClientY(e); 
  int w = popup.getElement().getClientWidth(); 
  int h = popup.getElement().getClientHeight(); 
  popup.setPopupPosition(x - w / 2, y - h / 2); 
}

Остается только на время перетаскивания запрещать стандартное выделение в браузере!

P.S. Вот здесь есть хорошее демо.

1

Всё, конечно, зависит от конкретной реализации, но в любом случае придётся прикреплять MouseListener и MouseMotionListener. У MouseMotionListener есть метод mouseDragged. Я ввёл с глобальные переменные, допустим int StartX и int StartY. По событию mousePressed им задаются координаты нужного объекта (относительно координат курсора!). По событию mouseDragged перерисовывается компонент по координатам курсора + Стартовые координаты. По событию mouseReleased вычисляется к кому ближе всего находится нужный компонент и соответственно задаются ему новые координаты.

2
  • MouseMotionListener и MouseListener к GWT не имеет никакого отношения. 14 янв 2011 в 19:14
  • Прошу прощения, привычка с AWT
    – artem
    7 фев 2011 в 20:25

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.