帶Backbone的Backgrid.js

Question

我使用Backgrid作爲表結構。現在，我必須添加具有編輯，查看和刪除按鈕的列標題「操作」的操作列。我不知道如何使用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後。您可能不想在操作列上排序。 :)

Answer 2

只是添加到接受的答案，同時擴展Backgrid.Cell類，它是非常重要到return this裏面的render()函數。

Backgrid默認類/對象使用的細胞是這樣的：

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

該公司預計render()是可鏈接並返回對象本身。

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