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

接着上节,我们按照同样的方式,允许用户可以拖动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)_第1张图片










你可能感兴趣的:(GXT之旅:第八章:Portal&Drag-Drop——项目使用Drag-Drop重构(2))