Datatables & JQuery - faire de chaque ligne cliquable ou réticulable

J'ai besoin d'aide dans la compréhension de la façon de faire de chaque ligne "cliquables" avec les tables de données...

Côté serveur, je suis en utilisant Coldfusion pour gérer les requêtes, etc. - Je afficher des informations sur les personnes dans une Table rendus par Datatables.net.

La pages d'aide dire que je devrais utiliser un DOM /jQuery Événement virage, comme ceci:

    $(document).ready(function() {
    $('#example').dataTable();

    $('#example tbody').on('click', 'tr', function () {
        var name = $('td', this).eq(0).text();
        alert( 'You clicked on '+name+'\'s row' );
    } );
} );

Donc, cela semble la voie que je veux prendre, mais je ne suis pas personnellement assez familiers avec jQuery afin de faciliter ce que je veux faire...

Au lieu d'une "Alerte", quelle est la fonction, la méthode ou le processus va me permettre d'envoyer les données dans ma ligne d'une nouvelle page?

En d'autres termes, comment puis-je obtenir les données à l'intérieur de la ligne sélectionnée, et la sortie sur une nouvelle page?

Pour vous donner un exemple pratique: 1) un service-technicien bureau clique sur une ligne contenant un employé, 2) info au sujet de l'employé sélectionné contenues dans la ligne, et est envoyé vers une nouvelle page, comme la soumission d'un formulaire, ou une variable d'URL... 3) options existent pour réinitialiser un mot de passe ou déverrouiller un compte.

Votre aide est toujours appréciée, merci d'avance.

OriginalL'auteur raydlevel5 | 2014-08-17

  1. 6

    À l'intérieur de cette fonction, vous pouvez appeler data() comme suit:

    $(document).ready(function() {
    var table = $('#example').DataTable();

    $('#example tbody').on('click', 'tr', function () {
        var data = table.row(this).data();
        console.log(data);
    });
});

    Voici la documentation: https://datatables.net/reference/api/row().de données()

    Et pour plus d'informations, ceci AFIN de répondre à voici une bonne lecture.

    C'est une belle réponse. Merci!!!!

    OriginalL'auteur jwatts1980

  2. 3

    Vous pouvez utiliser fnRowCallback cas de datatable et lier cliquez sur l'événement à chaque ligne.

        var oTable = $('#data').dataTable({
          "fnRowCallback": function (nRow, aData, iDisplayIndex) {

                //Bind click event
                $(nRow).click(function() {

                      alert( 'You clicked on '+aData.name+'\'s row' );

                });

                return nRow;
           }
    });

    Vous obtiendrez les données de chaque ligne de aData paramètre.

    OriginalL'auteur Manu Benjamin