Datatables: кнопка для показа фотографии для каждого имени файла - PullRequest
Новая
       23

Datatables: кнопка для показа фотографии для каждого имени файла

0 голосов
/ 18 декабря 2018

Я очень новичок в Datatables, и это может быть просто, но, конечно, я что-то упустил.Я пытаюсь создать столбец кнопки, который использует имя файла каждой строки и использует его для вызова ajax для отображения изображения при нажатии.Что я ошибаюсь, так это то, что каждая кнопка столбца отображает одно и то же изображение, а не изображение имени файла для каждой строки.Вот код:

$. Ajax ({url: "http: // ...... / Services / DBPrintDatatable? Customer_id =" + projectid, 

        type: "GET",

        dataType: 'json',
        async: false,

        success: function(data) {
            $('#projectsdt').show();    
            projectsTable = $('#projectsdt').DataTable({
              "pageLength": 10, 
              "data": data, 
              "scrollX": true,
              "aaSorting": [],
              "columns": [ 
                { "data": "upload_date" },
                { "data": "filename" },
                { "data": "uploader" },    
                { "data": "upload_place" },    
                { "data": "is_ok" },
                { "data": "custom_verdict" },
                {
                      data: { "data": "filename" },
                      render: function ( data, type, row ) {
                        return "<a data-fancybox='gallery' class='btn btn-success' href='http://......./Services/DBShowImage?filename='+ { 'data': 'filename' }>Show</a>";
                      }
                },
              ] , 


            });

Спасибозаранее!

1 Ответ

0 голосов
/ 18 декабря 2018

Если требуемый URL-адрес изображения похож на

http: //......./Services/DBShowImage? Filename = filenameFromData Затем вы должны сгенерировать его сначала внутри рендера.как показано ниже code

href = ' http: //......./Services/DBShowImage? filename ="+ row.filename +"';

   render: function ( data, type, row ) {
          return "<a data-fancybox='gallery' class='btn btn-success' href='http://......./Services/DBShowImage?filename="+ row.filename+"'>Show</a>";
    }
...