如何添加一個在img裏面顯示小尺寸img的列。

Question

我想要添加一個欄內的畫布內顯示img和其他與該用戶相關的信息。

var columns = [ 

    { name: "id", label: "Id", cell: "integer",editable: false }, 

    { name: "active_image", label: "Image", cell: "uri",editable: false }, 

    { name: "worker_id", label: "Worker", cell: "string",editable: false }, 

    { name: "city", label: "City", cell: "string",editable: false } 

    ]; 

Answer 1

我會建議你創建新的圖像單元格類型。然而，最簡單的辦法是擴大基本Backgrid.Cell：

{ 
    name: 'active_image', 
    label: 'Image', 
    editable: false, 
    cell: Backgrid.Cell.extend({ 
    render: function() { 
     var src = this.model.get(this.column.get('name')); 
     this.$el.html($('<img>').attr('src', src)); 
     return this; 
    } 
    }) 
} 

的渲染此功能是相當簡單（而不是測試），只是爲了給HOWTO的想法。