在GWT 2.4中设置拖动图像

我需要为CellTable中的单元格执行拖放操作。继从MobileWebApp的例子中，我实现了自定义可拖动单元格：在GWT 2.4中设置拖动图像

public class DraggableCell extends AbstractCell<ProductProxy>{ 

interface Templates extends SafeHtmlTemplates { 
    @SafeHtmlTemplates.Template("<div draggable=\"true\">{0}</div>") 
    SafeHtml simpleTextTemplate(String text); 
} 

protected Templates templates = GWT.create(Templates.class); 

public DraggableCell() { 
    super("dragstart"); 
} 

@Override 
public void render(Context context, ProductProxy value, SafeHtmlBuilder sb){ 
     sb.append(templates.simpleTextTemplate(value.getName())); 
} 

@Override 
public void onBrowserEvent(Context context, Element parent, 
          ProductProxy value, NativeEvent event, 
          ValueUpdater<ProductProxy> valueUpdater) { 
    final Integer cursorOffsetX = 0; 
    final Integer cursorOffsetY = 0; 

    if ("dragstart".equals(event.getType())) { 
     // Save the ID of the entity 
     DataTransfer dataTransfer = event.getDataTransfer(); 
     dataTransfer.setData("text", value.getId()); 

     SafeHtmlBuilder sb = new SafeHtmlBuilder(); 
     sb.appendEscaped(value.getSn()); 

     Element element = DOM.createDiv(); 
     element.setInnerHTML(sb.toSafeHtml().asString()); 

     // Set the helper image. 
     dataTransfer.setDragImage(element, cursorOffsetX, cursorOffsetY); 
    } 
}

我用一个新的元素拖动图像（在MobileWebApp他们只是使用的父元素），但不幸的是在拖动过程中不显示图像。我想，也许新元素需要先装到DOM，所以我创建了一个helperPanel和连接的元素吧：

DOM.getElementById("dragHelperPanel").appendChild(element); 
// Set the helper image. 
dataTransfer.setDragImage(element, cursorOffsetX, cursorOffsetY);

这工作正常，在Firefox 6，但在Chrome没有运气（使用最新的稳定版本），所以也许这不是正确的做法。有任何想法吗？谢谢！

来源

2011-11-17 Ioan Agopian