GXT之旅：第七章：MVC——Navigation，Main和Item区域交互(2)

保持同步

我们现在需要保证，当有新的feed添加的时候，feeds列表要正确的更新出来。同时，我们也需要保证，当用户选择了某个feed的tab的时候，相对应于feeds列表中的feed会同步的被选中。

为了实现如上两个要求，我们要创建两个对应的events——一个feed被添加，一个feed tab被选中

• 在AppEvents类里定义两个新的EventType——FeedAdded,TabSelected

public static final EventType TabSelected = new EventType();
  public static final EventType FeedAdded = new EventType();

• 上面两个事件都属于左侧导航区域应该响应的事件。因此，在NavController类里面注册

public NavController() {
    registerEventTypes(AppEvents.Init);
    registerEventTypes(AppEvents.FeedAdded);
    registerEventTypes(AppEvents.TabSelected);
  }

• 在FeedList类里，将ListField和ListLoader的定义从onRender方法里提出来

private final ListField<BeanModel> feedList = new
ListField<BeanModel>();
private ListLoader<ListLoadResult<BeanModel>> loader;

• 继续重构，定义一个新的方法reloadFeeds，其功能是负责load真正的数据。

public void reloadFeeds() {
loader.load();
}

• 定义第二个新方法selectFeed，其功能是，使用参数feed去设置，选中适当的ListField

public void selectFeed(Feed feed) {
    BeanModelFactory beanModelFactory = BeanModelLookup.get().getFactory(
        feed.getClass());
    feedList.setSelection(Arrays.asList(beanModelFactory.createModel(feed)));
  }

• 在NavPanel类里，重构一下其构造函数，将匿名对象new FeedList();提为属性

private FeedList feedList = new FeedList();
  
  public NavPanel() {
    setHeading("Navigation");
    setLayout(new FitLayout());
    initToolbar();
    add(feedList);
  }

• 在NavPanel类里，再定义两个新方法——selectFeed，reloadFeeds方法，相同于FeedList类里的方法。

public void reloadFeeds() {
    feedList.reloadFeeds();
  }

  public void selectFeed(Feed feed) {
    feedList.selectFeed(feed);
  }

• 在NavView类里，新建onTabSelected方法，通过AppEvent获得其携带的feed，feed用于调用selectFeed方法传入参数。

private void onTabSelected(AppEvent event) {
    Feed feed = (Feed) event.getData();
    navPanel.selectFeed(feed);
  }

• 继续，在NavView类里，新建onFeedAdded方法，调用NavPanel.reloadFeeds方法

private void onFeedAdded(AppEvent event) {
    navPanel.reloadFeeds();
  }

• 在NavView类里，开始修改handleEvent方法，根据事件的类型，调用与之对应的处理方法

@Override
  protected void handleEvent(AppEvent event) {
    EventType eventType = event.getType();

    if (eventType.equals(AppEvents.Init)) {
      Dispatcher.forwardEvent(new AppEvent(AppEvents.NavPanelReady,
          navPanel));
    } else if (eventType.equals(AppEvents.TabSelected)) {
      onTabSelected(event);
    } else if (eventType.equals(AppEvents.FeedAdded)) {
      onFeedAdded(event);
    }
  }

• 在LinkFeedPopup类里的addFeed方法里，之前我们通过调用FeedService.addExistingFeed方法来添加一个feed的link。接下来在其onSuccess方法我们触发FeedAdded事件

public void addFeed(final String feedUrl) {
    final FeedServiceAsync feedService = Registry
        .get(RSSReaderConstants.FEED_SERVICE);
    feedService.addExistingFeed(feedUrl, new AsyncCallback<Void>() {
      @Override
      public void onFailure(Throwable caught) {
        Info.display("RSS Reader", "Failed to add feed at: " + feedUrl);
      }

      @Override
      public void onSuccess(Void result) {
        tfUrl.clear();
        Info.display("RSS Reader", "Feed at " + feedUrl
            + " added successfully");
        Dispatcher.forwardEvent(AppEvents.FeedAdded);
        hide();
      }
    });
  }

• 类似的，在FeedForm.save方法里，在调用FeedService.saveFeed方法时的onSuccess方法里，加入同样的触发FeedAdded事件

public void save(final Feed feed) {
    feed.setTitle(tfTitle.getValue());
    feed.setDescription(taDescription.getValue());
    feed.setLink(tfLink.getValue());

    final FeedServiceAsync feedService = Registry
        .get(RSSReaderConstants.FEED_SERVICE);
    feedService.saveFeed(feed, new AsyncCallback<Void>() {
      @Override
      public void onFailure(Throwable caught) {
        Info.display("RSS Reader",
            "Failed to save feed: " + feed.getTitle());
      }

      @Override
      public void onSuccess(Void result) {
        Info.display("RSS Reader", "Feed " + feed.getTitle()
            + " saved sucessfully");
        Dispatcher.forwardEvent(AppEvents.FeedAdded);
      }
    });

  }

• 最后，在FeedView.onFeedSelected方法里，在现有的Listener内触发TabSelected事件

private void onFeedSelected(AppEvent event) {
    final Feed feed = event.getData();
    final ItemGrid itemGrid = new ItemGrid(feed);
    TabItem tabItem = new TabItem(feed.getTitle());
    tabItem.setId(feed.getUuid());
    tabItem.setData("feed", feed);
    tabItem.add(itemGrid);
    tabItem.addListener(Events.Select, new Listener<TabPanelEvent>() {// 选中之后的tab清空item
          // selection
          @Override
          public void handleEvent(TabPanelEvent be) {
            itemGrid.resetSelection();
            Dispatcher.forwardEvent(new AppEvent(
                AppEvents.TabSelected, feed));
          }
        });
    tabItem.setClosable(true);
    feedPanel.addTab(tabItem);
  }