2014-06-17 18 views
0

有人可以通过单击href链接来解释如何触发导出功能(复制,csv,...)。这可能吗?下面的代码创建按钮,但我如何将动作分配给我的li元素?jquery datatables - 通过href触发导出功能

示例代码:

HTML:

<ul class="menulist"> 
<li><a href="#">Copy</a></li> 
<li><a href="#">Text File (*.txt)</a></li> 
<li><a href="#">Excel File (*.xlsx)</a></li> 
</ul> 

的Javascript:

$(document).ready(function() { 

    var table = $('#example').DataTable(
     {"pagingType": "full_numbers", 
     "bStateSave": true, 
      "sDom": "<'row'<'col-xs-6 col-left'l><'col-xs-6 col-right'<'export-data'T>f>r>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>", 
dom: 'T<"clear">lfrtip', 
         "oTableTools": { 
       "sSwfPath" :"???", 
      "aButtons": [ 
      {'sExtends': "copy", "mColumns": "visible", "bFooter": false, "bSelectedOnly": true}, 
      {'sExtends':'csv',"sFileName": "test.csv"}, 
      {'sExtends':'xls',"sFileName": "test.xls",} 
      ]  
     }, 

     } 
    ); 
}); 

这里有一个Link我测试。

UPDATE: 只是想指出:我已经使用数据工具与所创建的标准按钮工作正常,但我需要自定义它,这样我可以在其他元素/对象使用它。

谢谢。

+0

看一看TableTools:[https://datatables.net/extensions/tabletools/](https://datatables.net/extensions/tabletools/) – markpsmith

+0

我我已经在使用它 - 而不是标准按钮,我希望在hrefs中有这些链接。 –

+0

我知道这不是你正在寻找的东西,但按钮_are_链接与CSS样式应用。您可以从DTTT_button DTTT_button_copy类删除样式,并且您将留下一个文本链接。 – markpsmith

回答

0

你缺少sSwfPath路径:

"sSwfPath" :"???", 

替换与URL到您的SWF文件。这个出口是通过Flash完成的。

tabletools doc

实施例:

$(document).ready(function() { 
    $('#example').dataTable({ 
     "dom": 'T<"clear">lfrtip', 
     "tableTools": { 
      "sSwfPath": "/swf/copy_csv_xls_pdf.swf" 
     } 
    }); 
});