骨干> Backgrid输入单元格占位符问题

时间:2014-06-13 05:56:14

标签: javascript backbone.js backgrid

在我的网格视图中,

我在收集结束时插入一个新的主干模型(没有id的模型), 在backgrid中插入一个新的空白行

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

但是当单元格进入编辑模式时,此占位符正在被初始化。

为什么会如此?

占位符应始终可见,并且只有在焦点进入该输入单元格时才应隐藏。

但是在背景中,确实是副版本正在进行中。

如何摆脱这个问题?

我想一直显示空白输入Backgrid Cell的占位符。并且仅在该单元格进入编辑模式时隐藏。

1 个答案:

答案 0 :(得分:3)

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/