如何使用 MVP 将事件处理程序添加到动态添加到视图的 Widget

Question

我有一个代表网站的面包屑的视图，我通过像这样设置面包屑来更新视图

public void setCrumb(ArrayList<Crumb> crumbs) {
    content.clear();        
    for (int i=0;i<crumbs.size()-1; i++){   
        Anchor anchor = new Anchor(crumbs.get(i).getText()) 
            content.add(anchor);
        content.add(new InlineHTML("  >  "));
    }
    content.add(crumbs.get(crumbs.size()-1).getText());
}

现在，我想将事件处理程序添加到每个添加的锚点。我可以通过执行类似 anchor.addClickHandler(...) 之类的操作在 for 循环中设置处理程序，但我使用的是 MVP，因此视图不必管理处理程序...我猜测。在演示者中，我可以访问包含所有锚点的面板。

我的问题是：如何从演示者访问锚点并设置事件处理程序？

Answer 1

在 MVP 环境中，UI 元素的创建和捕获事件应该在 View 中进行，然后 View 应该处理这些事件并调用 Presenter 来采取适当的操作，如下所示：

public void setCrumb(ArrayList<Crumb> crumbs) {
    content.clear();        
    for (int i=0;i<crumbs.size()-1; i++){   
        Anchor anchor = new Anchor(crumbs.get(i).getText());
        anchor.addClickHandler(new ClickHandler(){
            @Override
            public void onClick(ClickEvent event) {
                presenter.doSomethingAboutAnchorClicks(...);
            }
        }); 
        content.add(anchor);
        content.add(new InlineHTML("  >  "));
    }
    content.add(crumbs.get(crumbs.size()-1).getText());
}

在 Presenter 中，您希望有一个方法 < code>handleEvent(Event event) 可以使用事件，以及调用 View 的 setCrumb(crumbs) 方法。在我看来，您将 MVP 视为与 MVC 一样。不同之处在于，在 MVC 中处理事件是控制器的工作，而在 MVP 中该工作属于视图。关于 MVP 有一些很棒的资源，您一定要查看它们。有关基础知识，您可以参阅维基百科文章：Model-View-Presenter，其中还包含对其他几个重要资源的引用。

编辑：这是我个人用例中的一些代码，非常相似。这一切都发生在视图中，基于演示者提供的 regionReportElement。

private Map<String, Anchor> breadCrumbs = new TreeMap<String, Anchor>();
private Map<String, ReportElement> reportElements = new TreeMap<String, ReportElement>();
// .... other stuff ...
@Override
public void addReportElement(final ReportElement reportElement) {
    Anchor anchor = new Anchor(reportElement.getShortName());
    anchor.addClickHandler(new ClickHandler(){
        @Override
        public void onClick(ClickEvent event) {
            presenter.onReportElementSelect(reportElement.getId());
        }
    });

    reportElements.put(reportElement.getId(), reportElement);
    if (breadCrumbs.get(reportElement.getId()) == null) {       
        breadCrumbs.put(reportElement.getId(), anchor);
        if (breadCrumbs.size() > 0) {
            breadCrumbContainer.add(new Label(" > "));
        }
        breadCrumbContainer.add(anchor);
    }
}
// .... other stuff ...