如何在单个网格中使用 Backgrid.js 制作可编辑和不可编辑的行答案

【问题标题】：How to make editable & non editable rows with Backgrid.js in a single grid如何在单个网格中使用 Backgrid.js 制作可编辑和不可编辑的行
【发布时间】：2014-02-12 13:42:24
【问题描述】：

我想根据条件呈现具有可编辑和不可编辑行的网格。我可以通过设置颜色来区分这一点，但是对于已删除的记录使其不可编辑会更有用。期待好的解决方案。

var DeletedRow = Backgrid.Row.extend({
render: function () {
DeletedRow.__super__.render.apply(this, arguments);
if (!_.isUndefined(this.model.get("action")) && this.model.get("action") == "D") {
this.el.bgColor = "#C0C0C0";
}
return this;
}
});

【问题讨论】：

既然您实际上并未将模型从集合中删除，如何将其标记为已删除？
我的要求是不删除记录。我只需要根据“action”属性禁用该行。我通过这种方式实现了它 (this.$el.find("td[class=actionDescription]")).parent().find("*").unbind(); this.$el.click(false);

标签： javascript backbone.js backgrid

【解决方案1】：

此问题已解决。

    var DeletedRow = Backgrid.Row.extend({
    render: function () {
    DeletedRow.__super__.render.apply(this, arguments);
    if (!_.isUndefined(this.model.get("action")) && this.model.get("action") == "D") {
    (this.$el.find("td[class=actionDescription]")).parent().find("*").unbind();
    this.$el.click(false);
    }
    return this;
    }
    });

【讨论】：