我使用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;