i-cochez la case en-tête fooTable <th> ne fonctionne pas

Question

En FooTable 3.1.4 je veux utiliser un i-Check checkbox pretified pour une fonctionnalité CheckAll dans l'en-tête de la table.

C'est le HTML sans i-Check:

<th data-type="html" data-sortable="false" 
    data-filterable="false" style="display: table-cell;" 
    class="footable-last-visible">Choose 
    <input name="check_all" class="all" type="checkbox"> 
</th> 

Quand nous courons ce script sans i-chèques, il fonctionne très bien. Cependant - l'application de i-Checks rend la case cochée prétablie non cliquable - Nous ne pouvons pas cocher/décocher.

C'est le HTML avec i-Check appliqué:

<th class="footable-last-visible" data-type="html" data-sortable="false" 
    data-filterable="false" style="display: table-cell;">Kies 
    <div class="icheckbox_square-green" style="position: relative;"> 
     <input type="checkbox" name="check_all" class="all" 
     style="position: absolute; opacity: 0;"> 
      <ins style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" 
       class="iCheck-helper"> 
     </ins> 
    </div> 
</th> 

Il semble donc FooTable n'accepte pas les i-contrôles modifiés HTML dans la tête de la table. J'ai trouvé un (fermé) après Github d'émission résoudre le problème:

« la question est que la composante de tri travaillé hors d'un clic sur l'élément entier TH et avait un appel à e.preventDefault() dans le gestionnaire Cela a été en train de tuer le comportement de clic par défaut des éléments placé dans l'élément d'en-tête.J'ai depuis retiré cette limitation et il sera publié dans la prochaine version sous peu. "

Mais ce message ne précise pas à partir de quelle version de FooTable ce problème est résolu. Ou ai-je fait une erreur dans le code ..... Donc - toute entrée très appréciée.

Answer 1

votre script doit être:

//first 
$('.table').footable(); 

//after 
$('#checkall').on('ifChecked ifUnchecked',function(evant){ 
     if(evant.type == 'ifChecked') 
     $('.check').iCheck('check'); 
     else 
     $('.check').iCheck('uncheck'); 
    });