Bonjour à tous,
Je viens aujourd'hui vers vous car j'ai un léger problème qui me mange pas mal de temps...
J'implémente le plug-in "DataTable" (qui pour l'instant me satisfait grandement)
mais je me retrouve confronté à un soucis depuis quelques heures maintenant : lorsque je veux implémenter l'édition en live (https://datatables.net/release-datat.../editable.html), cela ne fonctionne pas, et la console me retourne :
Uncaught TypeError: Object [object Object] has no method 'editable' displayressource:148
(anonymous function) displayressource:148
c jquery.min.js:4
p.fireWith jquery.min.js:4
x.extend.ready jquery.min.js:4
q
J'ai pourtant bien chargé la librairie en bas (j'ai essayé en haut aussi) de ma page comme cela :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part <script src="http://www.appelsiini.net/download/jquery.jeditable.js"></script>
Voici mon code javascript :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23 var oTable = $('#demotable1').dataTable({ "aaSorting": [[4, "desc"]], "bJQueryUI": true, "sPaginationType": "full_numbers", "sScrollX": "100%" }); oTable.$('td').editable('../examples_support/editable_ajax.php', { "callback": function(sValue, y) { var aPos = oTable.fnGetPosition(this); oTable.fnUpdate(sValue, aPos[0], aPos[1]); }, "submitdata": function(value, settings) { return { "row_id": this.parentNode.getAttribute('id'), "column": oTable.fnGetPosition(this)[2] }; }, "height": "14px", "width": "100%" });
Et mon code HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <table id="demotable1" class="display dataTable" border=1> <thead> <tr> {% for col in cols %} <th align=center > {{col[0]}}</th> {% endfor %} </tr> </thead> </table>
J'ai déjà fait des recherches Google infructueuses..des idées?
Merci
Partager