Backgrid.js with Backbone



我使用Backgrid进行表结构。现在,我必须添加具有编辑、查看、删除按钮的操作列,列标题为"操作"。我不知道如何使用Backgrid。因为我们提供了一列一个单元格,所以我如何将多个单元格合并到一列下。知道吗?

这个问题有点老,所以我不确定你是否找到了答案。我正在做一些非常类似的事情,发现在创建列时可以扩展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;
            }
       })
    }
]

EDIT:在意识到sortable默认为true之后,我刚刚添加了sortable选项。您可能不想对操作列进行排序。:)

只是在扩展Backgrid.Cell类的同时添加到已接受的答案中,它对render()函数中的return this非常重要。

Backgrid默认Row类/对象使用如下单元格:

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

它期望render()是可链接的,并返回对象本身。

所以别忘了return this;

相关内容

  • 没有找到相关文章

最新更新