Only "Print" button is working!
Only "Print" button is working!
il798c
Posts: 0Questions: 0Answers: 0
I have tried implementing the Table Tools functionality in several ways and none seem to work. I started by following the basic initialization instructions and when that didn't work I tried using the alternate instructions. No matter how I try to implement this it only ever seems to have the "print" button working. All other buttons can be clicked but nothing happens. Even when I add a console.log to the TablesTools function for the other buttons they dont get in to the fnClick:
[code]
TableTools.BUTTONS = {
"csv": $.extend( {}, TableTools.buttonBase, {
"sAction": "flash_save",
"sButtonClass": "DTTT_button_csv",
"sButtonText": "CSV",
"sFieldBoundary": '"',
"sFieldSeperator": ",",
"fnClick": function( nButton, oConfig, flash ) {
console.log("csv");
this.fnSetText( flash, this.fnGetTableData(oConfig) );
}
} ),
[/code]
Includes (all files are found):
SWF:
I know that my SWF path is correct by using goolge chrome tools (getting 200 response back).
My Folder structure is:
WebContent -> media (from TableTools ->as3, css, images, js, swf
Downloads:
All downloaded from: http://datatables.net/download/
Here is my code:
[code]
//initializes master list table
masterTable = $('#masterTable').dataTable({
"sDom": "<'row'<'span4'l>r>t<'row'<'span4'i><'span4'p>>T<'clear'>lfrtip",
"oTableTools": {
"sSwfPath": "media/swf/copy_csv_xls_pdf.swf"
},
"sPaginationType": "bootstrap",
"aoColumns": [{ "sTitle": "ATTUID"},{ "sTitle": "First Name"},{ "sTitle": "Last Name"},{"sTitle": "Job ID"},{"sTitle": "Job Title"},{"sTitle": "VP"}],
"aaData": [],
"bProcessing": true,
"sAjaxSource": "AdminServlet",
// matches the JSON keys NOT the database necessarily
"fnServerData": fnServerObjectToArray(['attuid', 'firstName', 'lastName', 'jobId', 'jobTitle', 'vp']),
"fnRowCallback": function (nRow, aData, iDisplayIndex){
$(nRow)[0].id = aData[0];
},
"aLengthMenu":
[[10, 20, 50, 100, 200, -1],
[10, 20, 50, 100, 200, "All"]],
"iDisplayLength" : -1
});
[/code]
[code]
TableTools.BUTTONS = {
"csv": $.extend( {}, TableTools.buttonBase, {
"sAction": "flash_save",
"sButtonClass": "DTTT_button_csv",
"sButtonText": "CSV",
"sFieldBoundary": '"',
"sFieldSeperator": ",",
"fnClick": function( nButton, oConfig, flash ) {
console.log("csv");
this.fnSetText( flash, this.fnGetTableData(oConfig) );
}
} ),
[/code]
Includes (all files are found):
SWF:
I know that my SWF path is correct by using goolge chrome tools (getting 200 response back).
My Folder structure is:
WebContent -> media (from TableTools ->as3, css, images, js, swf
Downloads:
All downloaded from: http://datatables.net/download/
Here is my code:
[code]
//initializes master list table
masterTable = $('#masterTable').dataTable({
"sDom": "<'row'<'span4'l>r>t<'row'<'span4'i><'span4'p>>T<'clear'>lfrtip",
"oTableTools": {
"sSwfPath": "media/swf/copy_csv_xls_pdf.swf"
},
"sPaginationType": "bootstrap",
"aoColumns": [{ "sTitle": "ATTUID"},{ "sTitle": "First Name"},{ "sTitle": "Last Name"},{"sTitle": "Job ID"},{"sTitle": "Job Title"},{"sTitle": "VP"}],
"aaData": [],
"bProcessing": true,
"sAjaxSource": "AdminServlet",
// matches the JSON keys NOT the database necessarily
"fnServerData": fnServerObjectToArray(['attuid', 'firstName', 'lastName', 'jobId', 'jobTitle', 'vp']),
"fnRowCallback": function (nRow, aData, iDisplayIndex){
$(nRow)[0].id = aData[0];
},
"aLengthMenu":
[[10, 20, 50, 100, 200, -1],
[10, 20, 50, 100, 200, "All"]],
"iDisplayLength" : -1
});
[/code]
This discussion has been closed.
Replies
I think I saw this information on the following thread:
http://www.datatables.net/forums/discussion/327/tabletools-v1.0.2-save-as-excel-csv-copy-and-print/p1