数据表:用于显示每个文件名的照片的按钮

时间:2018-12-18 09:08:09

标签: ajax button datatables

我对Datatables还是很陌生,这可能很简单,但是可以肯定我缺少一些东西。我正在尝试创建一个使用每一行的文件名的按钮列,并使用它来进行ajax调用以在单击时显示图片。我弄错的是,该列的每个按钮都显示相同的图像,而不是每一行的文件名图像。这是代码:

$。ajax({             网址:“ 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 :(得分:0)

如果所需的图片网址类似于

http://......./Services/DBShowImage?filename=filenameFromData 然后,您应该首先在渲染器内部生成它,如下面的代码

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

{{1}}