Sélectionnez Toutes les lignes de Jquery Datatables

J'ai un datatables dans lequel je peux sélectionner plusieurs lignes onclick mais comment puis-je sélectionner toute la ligne sur un clic de bouton et dans le même temps, toutes les lignes sont mis en évidence avec la sélection (Pouvez-vous veuillez donner l'exemple de la sélection pour la page en cours et de toutes les pages). J'ai écrit un code pour obtenir des multiples de la valeur sélectionnée.

Case à cocher permet aussi de le faire mais alors, comment obtenir la valeur sélectionnée.

Ci-dessous est le code pour un seul ou de plusieurs de sélection.

 var oTable = $("#example").dataTable();

    $('#example tbody').on('click', 'tr', function() {
                        $(this).toggleClass('selected');

    });

Code pour obtenir la valeur sélectionnée sur le bouton soumettre.

var row = oTable.rows('.selected').data();

var jsonArr = "[";

        if(row != null && row.length){

            for (var i = 0; i < row.length; i++) {
                var row1 = row[i]; //this will give me one row details
                        //row1[0] will give me column details
                        jsonArr = jsonArr + "{\"ID\":" + row1[0] + "},";

                }   
             jsonArr = jsonArr + "]";
  • Salut,je veux vraiment savoir veulent se passait mal que j'ai eu un vote négatif."Pouvez-vous veuillez donner l'exemple de la sélection pour la page en cours et de toutes les pages" est-ce à cause de cela, mais j'ai googlé, je n'obtiens pas de cliquez sur j'aime sélectionnez tous alors j'ai demandé de l'exemple. Tout ce que je reçois est entrée case sélectionner tout.
InformationsquelleAutor pise | 2014-07-28
  1. 5

    Ce qui sera probablement vous aider, c'est TableTools extension. Il y a un exemple avec select_all et select_none boutons, et ceux qui travaillent pour toutes les pages.

    Un défaut limitation est que select_all ignore actuel de filtrage, mais qui est facile à résoudre à l'aide du code ci-dessous. Fournir un "vrai" argument de fnSelectAll active le filtre conscient de sélection.

    tableTools: {
    sRowSelect: 'multi',
    aButtons: [
        {
            sExtends: 'select_all',
            sButtonText: 'Select All',
            fnClick: function (nButton, oConfig, oFlash) {
                TableTools.fnGetInstance('example').fnSelectAll(true);
            }
        }
    ]
}
    • J'ai quelques comment résoudre mon but manuellement. Mais je vais certainement essayer votre solution et de poster de nouveau pour le moment, je vous poste mon code
    • J'ai essayé de le ci-dessous approche, mais il s'est rapidement avéré être pas évolutive. Le problème c'est quand vous faites $('.cas') vous ne sélectionnez les cases qui ont été créés par les tables de données, qui est habituellement seulement la page 1. Si vous cliquez à travers toutes les pages, puis appuyez sur la case d'en-tête, seulement alors, il aura pour effet de sélectionner tout sur toutes les pages.
    • en plus de ce que j'ai mentionné ci-dessus, j'ai renoncé à la création d'un manuel de solution pour cela. Il s'est avéré beaucoup plus facile à utiliser TableTools. Mais si la quantité de données est relativement faible, javascript traitement de cases à cocher peuvent travailler aussi bien.
    • le tableTools sont obsolètes apparemment. Les deux Boutons et de l'Sélectionnez extensions sont nécessaires dès maintenant.\
    InformationsquelleAutor Yuri
  2. 0

    Selon la doc il y a un intégré de la fonction pour cela. Aucun besoin de codage supplémentaire, 

    $(document).ready(function() {
    $('#example').DataTable( {
        dom: 'T<"clear">lfrtip',
        tableTools: {
            "sRowSelect": "multi",
            "aButtons": [ "select_all", "select_none" ]
        }
    } );
} );

    Vous aurez besoin du fichier JS défini lors de la doc et de la aprt de qu'ils ont manqué de mentionner les suivantes liées fichier CSS

    C'est tout ce qu'il faut.

    InformationsquelleAutor Ruwantha
  3. -1

    Merci pour votre aide. Mais certains comment j'ai fait mon tout sélectionner manuellement le seul trou de boucle, c'est, si j'ai choisi d'en-tête case à cocher tous les la ligne case à cocher permet d'être sélectionné, mais quand on va sur la page suivante, par exemple: n ° de page 2 de l'en-tête case sera cochée et de nouveau pour sélectionner la totalité de la page n ° 2 lignes la case à cocher je dois décocher et cocher case d'en-tête.

    Ce que j'ai fait:

    J'ai ajouté input type checbox thead tbody tr et tr et a donné class = " cas " à tous les enfants d'entrée. Sur cliquez sur pour sélectionner tous l'appel d'une fonction pour sélectionner/désélectionner les lignes enfants

    <thead>
     <tr>
       <th><input type='checkbox' id='selectall'/></th>
       <th>Patient Name</th>
     </tr>
</thead>

<tbody>
 <tr>
    <td class style='text-align: center;'><input type='checkbox' class='case' name='case'id = '"item.uid+"_I' /></td>
    <td>"+item.name+"</td>
  <tr>
</tbody>


//function to select/deselect all input checkbox

to check uncheck all input box
$('#selectall').click(function(event) {  //on click

    if(this.checked) { //check select status
          $('.case').each(function() { //loop through each checkbox
          this.checked = true;  //select all checkboxes with class "checkbox"   
          $(this).closest("tr").addClass("selected");              
     });
     }else{
           $('.case').each(function() { //loop through each checkbox
           this.checked = false; //deselect all checkboxes with class "checkbox"
           $(this).closest("tr").removeClass("selected");
     });        
    }
});


//select/deselect function if single row is selected
$('#patientdata tbody').on('click', 'tr', function() {
    var rowID = this.id;
    if ( $(this).hasClass('selected') ) {
      $(this).removeClass('selected');
        $('#'+rowID+"_I").attr('checked', false);
        }
        else {
              $(this).addClass('selected');
               $('#'+rowID+"_I").attr('checked', true);
            }
        });

    Grâce

    • il va garder la sélection dans les pages suivantes?
    InformationsquelleAutor pise