Jquery Plusieurs cases à cocher avec plusieurs pages

Question

J'ai appliqué jquery dans ma page jsp.

J'ai obtenu plus de thousnd dossiers, je dois montrer tous page par page,

quand je suis cliquant sur le bouton suivant ces pages est venu.

Mais mon problème est que je dois sélectionner plusieurs cases à cocher dans toutes les pages au moment que je dois

envoyer des valeurs de cases à cocher que, on peut tout u pls faire réponse pour cela.

Answer 1

La seule façon réaliste de procéder est de joindre un événement click à toutes vos cases à cocher. Quand ils sont cliqués, déclenchez une requête AJAX sur le serveur pour mettre à jour l'état de cette case particulière. Stocker cet état dans la base de données ou une session ou autre.

Ainsi, par exemple:

$(function() { 
    $(":checkbox").click(function() { 
    $.get('/save/checkbox/url', { 
     id: this.id, 
     checked: this.checked 
    }); 
    }); 
}); 

supposant:

<input type="checkbox" id="cb123"> 

Puis, quand vous voulez enfin utiliser ces résultats obtenir les détails à partir de là.

De même, lorsque vous remplissez les cases à cocher de la page, vérifiez-les ou non en fonction de l'état enregistré.

Answer 2

Utilisez AJAX pour charger les pages au lieu de procéder à une actualisation matérielle. Avec cette approche, chaque clic de case à cocher peut être enregistré et stocké dans un tableau qui persistera car la page n'est pas actualisée.

Pour ce faire, dans jQuery, utilisez quelque chose comme:

$("#tableContainer").load("/data/page/2"); 

Ce chargerait le contenu de l'URL, et l'injecter dans un élément avec id « tableContainer ».

Les événements en direct dans jQuery permettront de liaison à toutes les cases à cocher (actuelle et future):

$("#tableContainer input[type='checkbox']").live("click", function() { 
    if($(this).is(':checked')) { 
     checkedItems.add($(this).val()); 
    } 
} 

Ce n'est pas complet que vous auriez à supprimer un élément du tableau si elle était sans contrôle, et modifier votre servlet pour envoyer seulement une partie de la page qui change. Mais j'espère que vous avez eu l'idée. JQuery a une bonne documentation sur les événements ajax et live.