Il y a un tas de choses à faire, mais je vais vous donner une idée de ce dont vous avez besoin. Pour chaque ligne, vous voudrez lui attacher un écouteur de clic ou vous permettrez à l'événement de cliquer sur la table pour l'attraper et ensuite inspecter la ligne dans laquelle il se trouvait (here's how the YUI folks do this). Sur chaque élément HTML, vous voudrez avoir un moyen d'identifier quelle ligne a été cliquée. Il peut faire partie de l'identifiant HTML ou vous pouvez utiliser un attribut différent que vous récupérez avec trElement.getAttribute('yourAttribute')
. Une fois que vous avez l'ID, vous pouvez afficher une zone de texte ou effectuer un appel AJAX qui saisit des données supplémentaires et affiche une zone de texte. Vous devez définir un service Web qui prend un identifiant et renvoie le code HTML à afficher ou les données JSON que vous pouvez analyser, puis créer vous-même l'affichage. Cela dépend de la quantité de données que vous envoyez, qu'il soit préférable de renvoyer JSON ou HTML, bien que j'aie tendance à préférer JSON. Si vous pouvez sélectionner plusieurs lignes, vous souhaiterez stocker les lignes qui ont été cliquées quelque part en JavaScript. C'est aussi simple que d'avoir une variable qui est l'ensemble des identifiants cliqués et chaque fois que vous cliquez sur cette ligne, vous l'ajoutez ou l'enlevez selon qu'il était déjà là. Vous pouvez également ajouter une classe à chaque ligne sélectionnée afin que la couleur d'arrière-plan change ou quelque chose quand elle est sélectionnée.
À un niveau élevé, c'est tout ce qu'il ya, mais je peux élaborer sur une partie spécifique si vous avez des questions plus spécifiques.