接着上节，我们按照同样的方式，允许用户可以拖动objects从FeedPortlet的ItemGrid移动到ItemPortlet里显示其内容。

  • 首先，RSSReaderConstants类，定义恒量——ITEM_DD_GROUP，用来作为drag-drop的group
public static final String ITEM_DD_GROUP = "itemDDGroup";
  • 来到ItemGrid.onRender()方法，在add(grid);这一行上面加入如下代码——定义source（因为用的是GXT已经实现好的GridDragSource，所以不需要在Override ）；设置group
GridDragSource source = new GridDragSource(grid);
    source.setGroup(RSSReaderConstants.ITEM_DD_GROUP);
    
    add(grid);


  • 编辑ItemPortlet类的构造函数——在构造函数里面设置target；Override DropTarget.onDragDrop(DNDEvent event)方法，获得DNDEvent携带的items
Dispatcher.forwardEvent(AppEvents.NewPortletCreated, this);

    DropTarget target = new DropTarget(this) {
      @Override
      protected void onDragDrop(DNDEvent event) {
        super.onDragDrop(event);
        List<Item> items = event.getData();
        itemPanel.displayItem(items.get(0));
      }
    };
    target.setOperation(DND.Operation.COPY);
    target.setGroup(RSSReaderConstants.ITEM_DD_GROUP);
  • 上面的代码里，还设置target的属性，设置group
  • 最后运行程序效果如下：

GXT之旅：第八章：Portal&Drag-Drop——项目使用Drag-Drop重构(2)_List