如何在主干应用程序中显示反馈/错误消息

Question

我正在使用 Rails/Backbone/JST 模板进行简单的 CRUD 概念验证。到目前为止，我已经找到了很多例子。但经过大量搜索和阅读后，我还没有找到如何处理这些情况的好例子：

• 信息消息：新项目成功添加到列表（显示在列表屏幕上）
• 信息消息：项目成功从列表中删除
• 错误消息：问题带有字段条目
• 字段级错误消息：条目问题

Backbone 对象是： 收藏（“后”模型）->模型（“后”对象）->列表/编辑/新视图（以及每个视图的 JST 模板）

因此，我正在寻找有关如何组织代码和模板以实现所需消息传递级别的高级描述。我已经掌握了如何在表单输入发生更改时对其执行验证例程。但现在不知道如何处理错误消息。

这是我正在考虑的方法。不确定这是否是一个好的：

• 创建一个“消息”模型，它映射到“视图”，它是我现有视图的子视图（如果可能的话）。该视图/模型可以显示我上面提到的前三个场景中的页面级消息和错误。不确定拥有“子视图”是否可行以及如何处理它的模板。但如果可能的话，父模板可以包含“消息”子模板。消息视图可以根据消息模型的状态显示/隐藏子模板。可行的？愚蠢的？
• 对于第四种情况，每当表单字段更改调用“model.set”时，模型验证将返回一个错误对象，其中包含每个错误字段的特定消息。我不想中断“model.set”，但我确实想在每个字段旁边显示错误消息。我想知道如何以不违反 MVC 模式的方式分解我的编辑/新模板和发布模型/视图。即我不想将对 DOM 元素的引用放在错误的地方。

抱歉，如果这含糊不清。如果您愿意提供帮助，请告诉我哪些代码片段可能有帮助（或其他详细信息），我将提供它们。

Answer 1

您创建一个全局事件总线。当出现错误时会触发一个事件。您应该显示消息的视图监听此事件总线上的事件。这样做，您的错误消息视图不需要知道您的所有集合，反之亦然。事件总线很简单：

var eventBus = _.extend({}, Backbone.Events);

将其添加到您的集合中，并在调用 add 时触发它：

var myCollection = Backbone.Collection.extend({
     initialize: function([],eventbus){
          this.bind('add', function(obj){eventbus.trigger('added', obj)}
      }
})

另请参阅文章：http://lostechies.com/derickbailey/2011/07/19/references-routing-and-the-event-aggregator-coordinating-views-in-backbone-js/