3

[GWT2.4、Chrome、火狐]

你好呀,

我正在 TreeView 中实现树项目的拖放。我的树视图旁边有一个管理类,它实例化项目并应用拖放处理程序。

这是它的样子:

private CustomTreeItem createItem(Data data){
    CustomTreeItem item = new CustomTreeItem(data);
    if(dndApplicable())
        setupDndHandlers(item);
    return item:
}

private void setupDndHandlers(item){
    // The tree item's widget is a FocusPanel
    FocusPanel wrapper = item.getFocusPanel();

    wrapper.getElement().setDraggable(Element.DRAGGABLE_TRUE);

    // Setup the data and drag image when drag starts
    wrapper.addDragStartHandler(new DragStartHandler() {
        @Override
        public void onDragStart(DragStartEvent event) {
            event.getDataTransfer().setDragImage(wrapper.getElement(), 0, 0);
            event.setData("item_id", item.getData().getId().toString());
        }
    });

    // Each tree item can also be a drop target, so we add handlers accordingly
    wrapper.addDragLeaveHandler(new DragLeaveHandler() {
        public void onDragLeave(DragLeaveEvent event) {
            wrapper.removeStyleName("dragover");
            wrapper.removeStyleName("undroppable");
        }
    });

    // Each tree item can also be a drop target, so we add handlers accordingly
    wrapper.addDragOverHandler(new DragOverHandler() {
        public void onDragOver(DragOverEvent event) {
            if (isDroppable(event.getDataTransfer().getData("item_id"), item))
                wrapper.addStyleName("dragover");
            else
                wrapper.addStyleName("undroppable");
        }
    });

    // Each tree item can also be a drop target, so we add handlers accordingly
    wrapper.addDropHandler(new DropHandler() {
        public void onDrop(DropEvent event) {
            String id = event.getDataTransfer().getData("item_id");
            if (isDroppable(id, item)) {
                proceedWithDrop(id, item);
            }
    });

}

isDroppable函数检查几件事,首先是数据是否为空或为空。

在 firefox 下,我可以毫无问题地访问事件数据,但在 Chrome 中,在 DragOverHandler (或就此而言的 DragEnterHandler )中,通过 dataTransfer 访问的数据是空的。但是,在 DropHandler 中,数据是正确的。

我是否遗漏了一些如此明显的东西,我没有看到它?

谢谢O。

4

1 回答 1

3

这是出于隐私和安全原因的设计:Chrome 在此处比 Firefox 更紧密地实现了 HTML5 规范。

http://www.w3.org/TR/html5/editing.html#drag-data-store-mode

于 2013-09-19T22:11:08.680 回答