GWT 2.4 HTML 5 перетаскивание APIS - изменение курсора при перетаскивании

Question

Я использую API перетаскивания GWT 2.4 для перетаскивания элементов для передачи данных между виджетами. Реализация поведения перетаскивания была прямой, но у меня проблемы с изменением курсора при перетаскивании элемента. Я немного поработал, и я нашел несколько статей о том, как я мог это достичь.

Эта статья http://blog.vjeux.com/2012/css/css-cross-browser-drag-cursor.html предполагает, что это можно сделать, установив объект курсором в зависимости от того, какое значение мы хотели бы получить. Я пробовал (cursor: -webkit-drag; или cursor: move;) на элементе, который нужно перетащить, или на элементе, где элемент можно отбросить, но добавлен только небольшое изображение в нижнем правом углу значка курсора.

Принимал смотреть на эту http://www.html5rocks.com/en/tutorials/dnd/basics/, говорят, что курсор (эффект) может быть изменен при перемещении или падении, установив effectAllowed и dropEffect от DataTransfer объекта. Несмотря на то, что API перетаскивания GWT не раскрывает ни одно из этих свойств, я могу установить их через JSNI, но эффект был таким же, как и раньше (с CSS).

Я нашел эти вопросы HTML5 Drag & Drop Change icon/cursor while dragging и Changing Mouse Cursor for HTML5 Drag Drop Files (GMail Drag Drop) по тому же вопросу, но ни один из них не помог изменить или заменить значок при перетаскивании.

Любая помощь приветствуется.

Условия испытаний:

Ubuntu 12.04.1 Chrome 22

Cheers,

Answer 1

Я думаю, самый простой способ заключается в использовании:

RootPanel.getBodyElement().getStyle().setCursor(Cursor.MOVE); 

всякий раз, когда вы начинаете двигаться и:

RootPanel.getBodyElement().getStyle().setCursor(Cursor.DEFAULT); 

всякий раз, когда вы делаете.

Также вы можете установить CSS-свойство:

cursor: whatever; 

на любой элемент, который вы хотите. Вы, как правило, использовать его как это:

div.over-this-div-the-cursor-becomes-different:hover { 
    cursor: move; 
} 

см: http://www.w3schools.com/cssref/pr_class_cursor.asp