Question

我正在使用Backgrid表格结构。现在，我必须添加具有编辑，查看，删除按钮的操作列，其中包含列标题＆＃39;操作＆＃39;。我不知道如何使用Backgrid做到这一点。由于我们提供了一个包含一个单元格的列，因此如何在一列下合并多个单元格。有什么想法吗？

Answer 1

这个问题有点旧，所以我不确定你是否找到了答案。我正在做一些非常相似的事情，发现你可以在创建列时扩展Backgrid单元格。希望这有帮助！

var columns = [
    {
        OTHER COLUMNS GO HERE
    },
    {
        name: 'actions',
        label: 'Actions',
        editable: false,
        sortable: false,
        cell: Backgrid.Cell.extend({
            template: _.template(" TEMPLATE OR HTML GOES HERE "),

            render: function () {
                this.$el.html(this.template());
                return this;
            }
       })
    }
]

编辑：在我意识到可排序的默认值为true之后，我刚刚添加了sortable选项。您可能不希望对actions列进行排序。：）

Answer 2

只是添加到接受的答案，在扩展Backgrid.Cell类时，return this函数内的render() 非常重要。

Backgrid默认Row类/对象使用这样的单元格：

render: function () {    
  ...
  fragment.appendChild(this.cells[i].render().el);
  ...
}

它希望render()可以链接并返回对象本身。

所以... 不要忘记return this;

带Backbone的Backgrid.js

2 个答案: