2017-08-02 3 views
1

EDIT: Der Button war nicht sichtbar was mein ursprüngliches Problem war das noch nicht gelöst ist. Danke für die schnellen Kommentare zum Komma-Thema.javascript - datatables reload button nicht sichtbar

Ich bin ein JS-Neuling und neu auch für Databases. Ich nahm das hier angegebene Beispiel, um die Schaltfläche während der Initialisierung zu definieren: https://datatables.net/extensions/buttons/custom

Aber es scheint nicht zu funktionieren (Schaltfläche ist nicht sichtbar). JSFiddle Link hier: https://jsfiddle.net/gr5er1pj/222/

$(document).ready(function(){ 
    var table = $('#example').DataTable({ 
    ajax: 'https://api.myjson.com/bins/qgcu', 
    buttons: [ 
     { 
      text: 'Reload', 
      action: function (e, dt, node, config) { 
       dt.ajax.reload(); 
      } 
     } 
    ] 
    }); 
}); 
+2

Sie‘ Es fehlt ein Komma nach deiner Ajax-URL. –

+0

Danke, es behebt das Datenproblem, aber die Schaltfläche "Neu laden" ist immer noch nicht sichtbar. – toddlermenot

+0

@ScottSelby: Der Code funktioniert nach der Bearbeitung immer noch nicht, das Problem ist, dass die Schaltfläche immer noch nicht angezeigt wird. – toddlermenot

Antwort

3

Sie müssen dies Ihr Skript hinzuzufügen (Sie wahrscheinlich auch dataTables.buttons.min.js erforderlich):

dom: 'Bfrtip', 

die Arbeits Geige Siehe:

https://jsfiddle.net/gr5er1pj/231/

+0

Danke, das scheint zu funktionieren, aber ich bekomme einen Link anstelle einer Schaltfläche und es ersetzt die Combo-Box Filter "5,10,25,50,100" Einträge pro Seite. Ist es möglich, die Platzierung der Schaltfläche so zu steuern, dass sie nicht beeinflusst wird? – toddlermenot

+0

Sie könnten etwas css oder etwas im Cache haben. Überprüfen Sie Ihren Debugger (F12 in Chrome), um zu sehen, ob alle benötigten Ressourcen geladen werden. G'luck! – CodeLikeBeaker

+0

Überprüfen Sie auch hier: https://datatables.net/reference/option/dom, um zu sehen, welche Funktionen Sie eigentlich zeigen möchten: Filter, Tabelle, Seitennummerierung .... – cristianorbs

-2

Komma fehlt nach

Ajax: 'https://api.myjson.com/bins/qgcu'

"dom" Parameter benötigt wird, um die Tasten auf dem Dokument zu platzieren, wie unten angegeben ,

dom: 'Bftip'

+0

sehen Sie in den Kommentaren, dass Komma einen Fehler warf, aber das Problem ist immer noch passiert, selbst mit dem Komma an Ort und Stelle –

Verwandte Themen