python - バックグリッド内に小さいサイズの 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;
    }
  })
}

ここでの render 関数はかなり簡略化されています (テストされていません)。