Fonctions Jquery pour les opérations sur gridview avec des cases à cocher
La première colonne dans mon gridview (gvAvailable) est une case de la colonne "chkSelect".
La façon dont cela fonctionne est que, actuellement, un utilisateur peut cocher plusieurs cases à cocher dans un gridview, mais je voudrais une fonction jquery pour désélectionner toutes les cases sur le contrôle gridview l'exception de la case qui a été cliqué.
Je recherchais aussi un chemin pour accéder aux colonnes de la vérifiés ligne avec jquery sur un clic de bouton.
Merci pour toute aide
Voici comment le code html généré ressemble
<table class="Grid" cellspacing="0" border="0" id="gvAvailable" style="width:99%;border-collapse:collapse;">
<tr class="GridHeader">
<th scope="col"> </th><th scope="col">Guid</th><th scope="col">Id</th><th scope="col">Name</th>
<th scope="col">Facility</th><th scope="col">Room</th>
</tr>
<tr class="GridItem">
<td>
<input id="gvAvailable_ctl02_chkSelect" type="checkbox" name="gvAvailable$ctl02$chkSelect" />
</td>
<td>24</td>
<td>000101020201</td>
<td>Test</td>
<td>Test Facility</td>
<td> </td>
</tr><tr class="GridAltItem">
<td>
<input id="gvAvailable_ctl03_chkSelect" type="checkbox" name="gvAvailable$ctl03$chkSelect" />
</td>
<td>25</td>
<td>1001</td>
<td>Test 2</td>
<td>Test 3</td>
<td> </td>
</tr>
</table>
Pouvez-vous poster une partie du code HTML généré? Je sais jQuery mais je ne suis pas un .NET mec, donc je n'ai aucune idée de ce qu'est un gridview est ou ce qu'il peut afficher.
OriginalL'auteur AlteredConcept | 2009-04-22
Vous devez vous connecter pour publier un commentaire.
si vous ajoutez la même classe pour chacune des cases à cocher dans le balisage, vous pouvez récupérer un tableau d'eux en disant
Cela va vous redonner le tableau d'objets. Vous pouvez ensuite appeler "chacun" sur le tableau et désélectionner tout.
Puis ajoutez le au-dessus de l'appel de fonction dans le gestionnaire de clic pour chaque case:
le code ci-dessus doit être configuré pour s'exécuter au chargement de la page.
en jquery, vous pouvez avoir accès aux éléments parent plutôt facilement, ainsi qu'un élément de frères et sœurs dans l'arborescence DOM. Pour accéder à un tableau de tous les <td> éléments dans le même <tr>, vous pouvez sélectionner la case à cocher parents frères et sœurs. Le code: $('case').parent().les frères et sœurs() retournera un tableau de la <td> éléments dans la même ligne que la case. De là, vous pouvez faire ce que vous voulez à ces éléments.
OriginalL'auteur Scott M.
Dans cet exemple, j'ai mis un bouton pour vérifier, et un bouton pour désélectionner gridview cases à cocher :
OriginalL'auteur Canavar
Je suis en supposant que vous souhaitez vous assurer que l'utilisateur a cliqué cases à cocher ne pas obtenir basculé? Si oui, passez sur ci-dessous.
D'abord, il suffit de donner un nom de classe à toutes les cases dans le contrôle gridview.
Chaque fois qu'une case à cocher a été cliqué, ajouter une autre classe pour désigner ce qu'il soit physiquement sélectionné.
Désormais, lorsqu'un utilisateur clique sur le bouton sélectionner toutes les case (appelons-le "selectAll") sur le dessus, itérer sur toutes les cases à cocher et activer /désactiver l'état lors de la vérification de la "vérifié" classe
Cela devrait vous obtenez le long de votre petit bonhomme de chemin, espérons-le.
Maintenant, l'accès à des colonnes de la vérifiés ligne?
OriginalL'auteur Dhana
j'ai trouvé cette articale très utile de Cocher/Décocher tous les Éléments d'un ASP.NET Liste de Case à cocher à l'aide de jQuery
OriginalL'auteur Adeel