Bonjour,

Mon problème est tout simple : J'ai une table dont les données sont chargés via la plulg in Datatables.

Je souhaite aussi rendre cette table editable via le plug-in Jeditable.

Pour être plus clair, voici un bout du monde code :


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
24
25
26
27
28
29
30
31
32
33
 
 var oTable = $('#demotable1').dataTable({
          "sScrollX": "100%",
          "ScrollXInner": "110%",
          "bScrollCollapse": true,
          "aoColumns": aoColumns, 
          "sAjaxSource": "{{path('tool_admin_ResData')}}", 
          "fnServerData": function(sSource, aoData, fnCallback) {
                    aoData.push({"name": "ress", "value": param[1]}); // this line will give additional data to the server...
                    $.getJSON(sSource, aoData, function(json) {
                        fnCallback(json)
                    });
                },
          " aaSorting"
                  : [[4, "desc"]],
          "bJQueryUI"
                 : true,
          "sPaginationType"
                  : "full_numbers",
          "aoColumnDefs"
                  : aoColumnDefs
            });
 
// Plug-in Jeditable
 
 alert('début');
      oTable.$('td.test').editable('{{path('tool_admin_ajaxtable')}}', {
           "height": "14px",
            submit: 'OK',
            cancel: 'Cancel',
            "width": "100%"
       });
alert("fin");

Les alert 'début' et 'fin' ce font avant que la table n'ai finit de charger les données, les cellules ne sont donc pas éditables.

Le moyen serait de faire en sorte que le javascript soit "bloqué" le temps du chargement de la table...mais comment?

Merci !