骨干-访问集合的其他视图

Question

我有一个收藏模型的典型结构。

在视图中，每个对象都有一个“编辑”按钮，该按钮应该取消激活其他对象的所有“编辑”按钮。

我想知道这样做的最佳做法是什么。谢谢！！

Answer 1

好的，我提出了以下方法：

假设模型有一个属性status，当它被修改为active时，我想在其他条目中隐藏编辑按钮（或者干脆禁用它）。

“我的集合”视图侦听模型中的更改：

initialize: function(){
  this.listenTo(this.collection, "change:status", this.triggerEditable);
},

监听器回调看起来像这样：

triggerEditable: function(obj){
    var triggerValue = null;

    // I am interested in a status which became 'active' or stopped being 'active'
    if (obj.get("status") == 'active' && obj.previous("status") != 'active') {
        triggerValue = "editable:false";
    } else if (obj.get("status") != 'active' && obj.previous("status") == 'active') {
        triggerValue = "editable:true";
    }

    // for any other status change - return
    if (!triggerValue) return;

    // trigger is fired for all other objects in the collection
    _.each(obj.collection.without(obj),function(otherObj) {
        otherObj.trigger(triggerValue);
    });
}

因此，当一个对象变为活动或停止活动时，会为所有其他条目触发可编辑：false或可编辑：true。我需要做的就是在模型视图初始值设定项中添加一个侦听器：

this.listenTo(this.model, "editable:false", this.disableEdit);
this.listenTo(this.model, "editable:true", this.enableEdit);

在这里，我想我可以将这两行合并成一行，首先通过监听可编辑的命名空间（如何？？）然后通过向函数传递参数（同样，具体如何？）。

从这里开始，它是直接的-实现侦听器回调：

disableEdit: function() {
    var e = this.$el.find('button.edit')
    e.attr('disabled','disabled');
}

如果有人有什么要补充或使这个解决方案更好，我会很高兴听到。无论如何，希望它能对其他人有所帮助！！

Answer 2

您可以在模型上添加默认设置为true的属性editable。然后，当您单击其中一个视图上的“编辑”按钮时，可以循环浏览其他视图的所有模型，并将editable设置为false。在视图上，您将听取模型更改，然后重新渲染视图。如果editable为false，您将禁用编辑按钮。