Recuperation d'Id d'une tr apres le chargement par ajax
nada12345
Messages postés
6
Date d'inscription
Statut
Membre
Dernière intervention
-
nada12345 Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
nada12345 Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j’ai un tableau dynamique ou je veux récupérer l'id de la ligne selictionné pour la modifier,
mon problème c'est que je peux pas utiliser l'objet $(this) après le chargement de ma page par ajax
voici mon script ou je veux recupérer id du tr pour la modifier
Merci d'avance
j’ai un tableau dynamique ou je veux récupérer l'id de la ligne selictionné pour la modifier,
mon problème c'est que je peux pas utiliser l'objet $(this) après le chargement de ma page par ajax
<tbody class="table-article-tbody" id="table_article_tbody">
{% for ligne in liste_article %}
<tr id="{{ ligne.ref_article }}">
<td>{{ ligne.descripton_article }}</td>
<td>{{ ligne.compte_article }}</td>
<td>{{ ligne.quantite_article }}</td>
<td>{{ ligne.prix_unitaire }}</td>
<td>{{ ligne.tva_article }}</td>
<td>{{ ligne.montant_article }}</td>
<td><a id="update_ligne" href="#" rel="nofollow noopener noreferrer" target="_blank">modifier</a></td>
</tr>
{% endfor %}
voici mon script ou je veux recupérer id du tr pour la modifier
<script>
$('#table_article tr').on('click', function(event){
event.preventDefault();
if($(this).attr('id') != undefined){
alert($(this).attr('id'));
$.ajax({
type: 'GET',
url : "{% url 'updateligneFacture_tem' %}",
data: $("#form_facture").serialize(),
success : function(data){
$('#contenue').[/contents/498-html-langage html](data);
$(this).html("
<td>{{ formFacture.description_article }}</td>
<td>{{ formFacture.compte_article }}</td>
<td>{{ formFacture.quantite_article }}</td>
<td>{{ formFacture.prix_unitaire_article }}</td>
<td>{{ formFacture.tva_article }}</td>
<td>{{ formFacture.montant }}</td>
");
$('#table_article tr:last').remove();
$('.selectpicker').selectpicker();
},
error : function(){
alert("Erreur update !!");
}
});
}
});
</script>
Merci d'avance
A voir également:
- Recuperation d'Id d'une tr apres le chargement par ajax
- Id telephone - Guide
- Https //id.sonyentertainmentnetwork.com/id/management/ ✓ - Forum PS4
- Comment recuperer une video sur youtube - Guide
- Convertisseur récupération de texte - Guide
- Tr signification - Forum Mail
1 réponse
Salut,
Essaye de modifier la déclaration de ton listener comme ceci :
Explication ici : https://api.jquery.com/on/#direct-and-delegated-events
Bonne journée,
Essaye de modifier la déclaration de ton listener comme ceci :
$('body').on('click', '#table_article tr', function(event){
Explication ici : https://api.jquery.com/on/#direct-and-delegated-events
Bonne journée,
mais toujours le mème problème qaund j'ai essayer de récupérer l'id de mon tr et l'afficher dans alert par alert($(this).attr('id')); il m'afficher undefined
Si tu veux utiliser la $this de ton listener (la première fonction) dans la fonction success de la requête ajax, tu peux simplement enregistrer la variable $this dans une autre variable. Par exemple :
<button class="btn">test</button> <script src=""quot;https://code.jquery.com/jquery-3.1.1.min.js"></script> <script> $(function () { $('.btn').click(function () { // creation variable var $this = $(this); console.log($this); $.ajax({ url: '#', success: function (data) { // utilisation variable console.log($this); } }); }); }); </script>$this.html("
<td>{{ formFacture.description_article }}</td>
<td>{{ formFacture.compte_article }}</td>
");
et merci encore une foie
La génération du html "<td>{{ formFacture.description_article }}</td>..." devrait être fait dans le script PHP de traitement de la requête ajax afin que celui-ci retourne uniquement le code html avec les données.
mon code html
{% for ligne in liste_article %}
<tr id="{{ ligne.ref_article }}">
<td>{{ ligne.descripton_article }}</td>
<td>{{ ligne.compte_article }}</td>
</tr>
{% endfor %}
<tr>
<td>{{ formFacture.description_article }}</td>
<td>{{ formFacture.compte_article }}</td>
</tr>