Как добавить столбец для отображения небольшого размера img внутри backgrid.

Question

Я хочу добавить поле столбца внутри backgrid для отображения 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; 
    } 
    }) 
} 

Функция визуализации здесь довольно упрощена (и не тестировал), просто чтобы дать представление о том, с практическими рекомендациями.