javascript - Backbone > Backgrid 输入单元格占位符问题

Question

在我的 GridView 中，

我在收集结束时插入一个新的主干模型(没有 id 的模型)，在背景网格中插入一个新的空白行

我想将占位符放在该空白行的第一个输入单元格中。我在文档中找不到相同的但幸运的是我在代码中找到了: https://github.com/wyuenho/backgrid/blob/master/lib/backgrid.js#L710

但是这个占位符在单元格进入编辑模式时被初始化。

为什么会这样？

占位符应始终可见，并且仅当焦点进入该输入单元格时才应隐藏。

但在背景网格中，正好相反。

如何解决这个问题？

我想一直显示空白输入背景网格单元格的占位符。并且仅当该单元格进入编辑模式时才隐藏。

Answer 1

Backgrid 类是为扩展而设计的。
您可以通过扩展 Backgrid.Cell 并覆盖 render 函数来实现该效果。

Backgrid.PlaceholderCell = Backgrid.Cell.extend({

  className: "placeholder-cell",

  render: function () {
    this.$el.empty();
    var model = this.model;
    var value = this.formatter.fromRaw(model.get(this.column.get("name")), model);
    text = value || "PLACEHOLDER";
    this.$el.text(text);
    this.delegateEvents();
    return this;
  }

});

jsFiddle:http://jsfiddle.net/bh5nd/