如何从输入类型字段获取val以导出pdf dataTables

Question

我试图获得$（＆＃34; #kpm＆＃34;）。val（）用于我的标题导出pdf数据表 但是当我尝试这样的时候

JS

table2 = $('#table2').DataTable({ 

    "processing": true, 
    "serverSide": true, 
    "order": [], 
    "ajax": {
        "url": site_url+"Laporan/runlaporan/transaksi_penjualan",
        "type": "POST",
        "data": function ( data ) {
            data.tgl = $('#tgl').val();
            data.tgl2 = $('#tgl2').val();
            data.nota = $('#nota').val();
            data.kpm = $('#id').val();
        }
    },

     dom: 'lBrtip',

     buttons: [
        {
            extend: 'pdf',
             title: 'Laporan Transaksi Penjualan '+ $('#kodekpm').val(),
            orientation: 'landscape',

        }
    ]
});

HTML

<input type="text" name="kpm" id="kpm" placeholder="kpm" class="form-control">

结果 如何在export pdf datatable上创建标题获取值id = kpm？

Answer 1

诀窍是以编程方式使用修改后的action()调用通用config：

$('#example').DataTable( {
   dom: 'Bfrtip',
   buttons: [{
      extend: 'pdfHtml5',
      action: function(e, dt, button, config) {
        config.title = 'Laporan Transaksi Penjualan '+ $('#kpm').val();
        $.fn.dataTable.ext.buttons.pdfHtml5.action(e, dt, button, config);
      }
    }]   
})   

这将设置PDF的filename和title /标头。

演示 - ＆gt;的 https://jsfiddle.net/Lsrx8ksx/

提示：如果您定义config.filename，例如config.filename = 'export';，则下载的文件将被命名为export.pdf，但PDF中的标题将保留{{1} }}。