Django: отображение изображений в DataTables, ListView

Question

Я бы хотел отобразить миниатюру изображения в jQuery DataTables.

Аналогичное сообщение 1 показывает, что в * необходимо добавить функцию рендеринга js. 1006 * настроек.

Я хотел бы реализовать этот ответ в стандартном базовом случае, используя Django, основанный на классах ListView.

Мои попытки создают исключение:

Объект 'ImageListView' не имеет атрибута 'refresh_from_db'

Ниже приведены мои настройки

table_settings. js

    $('#imagetable').DataTable({
    "data": "img_url",   
    'render': function (data, type, full, meta) {
      return '<img src="'+data+'" style="height:100px;width:100px;"/>';}
    });

models.py

class ProductImage(models.Model):
    product_image_name = models.CharField(max_length=20)
    product_image_description = models.TextField(max_length=255, null=True)
    product_image = models.ImageField(default='product_image/default.jpg', upload_to='product_image')

views.py

class ImageListView(LoginRequiredMixin, ListView):
    model = ProductImage
    template_name = 'product/image_list.html'
    image_url = ProductImage.product_image

    def get_context_data(self, **kwargs):
        data = super().get_context_data(**kwargs)
        data['img_url'] = self.image_url
        return data

элемент таблицы (в пределах image_list. html)

    <table id="imagetable">
        <thead>
        <tr>
            <th>Name</th>
            <th>Description</th>
            <th>Image</th>
        </tr>
        </thead>
        <tbody>
        {% for object in object_list %}
        <tr>
            <td> {{ object.product_image_name }} </td>
            <td> {{ object.product_image_description }} </td>
            <td> {{ object.product_image }} </td>
        </tr>
        {% endfor %}
        </tbody>
    </table>

Выше выдает исключение:

AttributeError at /image/list/

'ImageListView' object has no attribute 'refresh_from_db'

Request Method:     GET
Request URL:    //localhost/image/list/
Django Version:     2.1.7
Exception Type:     AttributeError
Exception Value:    

'ImageListView' object has no attribute 'refresh_from_db'

Answer 1

Я понял это и поделился ответом, пытаясь найти его сам. Авторы обращаются к ответу @ Mohit-Rustagi в сообщении здесь .

Оказалось, что при использовании ListView на основе классов нет необходимости отдельно сериализовывать данные, как добавление "render": function(data, type, row, meta) вместе с columns достаточно.

Я внес следующие изменения в вышеуказанный вопрос:

изменение в "table_settings. js"

$('#imagetable').DataTable({
    "columns": [
    { "data": "product_image_name" },
    { "data": "product_image_description" },
    { "data": "product_image",
    "render": function(data, type, row, meta) {
                 return '<img src="/media/'+data+'" style="height:100px;"/>';}
}]},
);

изменение в "views.py"

class ImageListView(ListView):
    model = ProductImage
    template_name = 'product/image_list.html'