2016-06-17 16 views
3

i Problem Last Datatable-Bibliothek haben js erfordern dies ist mein CodeDatentabellen Tastenerweiterung mit RequireJS

require.config({ 
    paths: { 
     "jquery" : "https://code.jquery.com/jquery-2.2.4.min", 
     "datatables" : "https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min", 
     "datatables-btn" : "https://cdn.datatables.net/buttons/1.2.1/js/dataTables.buttons.min", 
    } 
}); 


requirejs(["datatables", "datatables-btn"], function() { 
    $('#example').DataTable({ 
     dom: 'Bfrtip', 
     buttons: [ 
      'copy', 'csv', 'excel', 'pdf', 'print' 
     ] 
    }); 
}); 

und ich habe diesen Fehler auf die Entwicklung Konsole error log

Dank für Ihre Hilfe ..

+0

ist dies der Fall einer fehlenden Datei? – jkris

+0

jawohl, ich weiß nicht, warum brauchen datatables.net, js , wenn ich "datatables-btn" Formular requirejs entfernen, kein Problem gefunden, aber ich brauche Datatables Button-Erweiterung –

Antwort

0

Sie vermissen viele .js Skriptdateien. Der einfachste Weg, um herauszufinden, welche Skriptdateien Sie benötigen, ist die DataTables download builder (auch wenn Sie nicht herunterladen) und wählen Sie, welche Erweiterungen/Funktionen Sie benötigen. Dadurch wird eine Liste von Skriptdateien (für Download oder CDN) erstellt, die Sie einschließen müssen. Diese können Sie anschließend in die RequireJS-Syntax konvertieren. Ich habe eine Liste von dem, was es scheint, wie Sie benötigen, und hier ist es:

"https://code.jquery.com/jquery-2.2.3.min.js" 
"https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js" 
"https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js" 
"https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js" 
"https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js" 
"https://cdn.datatables.net/buttons/1.2.1/js/dataTables.buttons.min.js" 
"https://cdn.datatables.net/buttons/1.2.1/js/buttons.html5.min.js" 
"https://cdn.datatables.net/buttons/1.2.1/js/buttons.print.min.js" 

Sie mögen denken, dass dies zu viele ist, oder dass ich unnötigen Skripte hinzugefügt, aber lassen Sie mich die Ergänzungen erklären.

  • jszip ist notwendig, wenn Sie Ihre Excel-Export-Taste arbeiten wollen (dies auf Tables Download-Seite dokumentiert ist)
  • pdfmake ist notwendig, dass der PDF-Export-Knopf
  • vfs_fonts zu arbeiten ist auch Teil pdfmake
  • Sie benötigen die beiden buttons.html5-Skriptdateien, damit Ihre Schaltflächen ordnungsgemäß funktionieren (vorausgesetzt, Sie möchten HTML5-Schaltflächen verwenden, wenn Sie die Flash-Schaltflächen verwenden möchten, müssen Sie zum Download-Generator gehen und Flash-Schaltflächen auswählen)

Das sollten alle Skripte sein, die Sie einbinden müssen (soweit ich das aus Ihrem Code-Snippet ersehen kann), aber wenn Sie noch mehr Features überprüfen oder sogar hinzufügen möchten, würde ich Ihnen empfehlen, den obigen Link zu lesen um die Liste der benötigten Skriptdateien zu finden.