Discussion :

[123nada1]

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<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 pour votre aide

[123nada1]

{{ formFacture.description_article }} c'est champ de text prévient d'une view django et je l'ai déja générer dans mon html mais je veux l'afficher encore une fois par le code ajax afin de modifier l tr de mon tableau
mon probléme c'est que $this.innerhtml il me donne cet erreur "unterminated string literal"
voici mon code html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
{% 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>

voici mon code javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<script>
        $('#table_article tr').on('click', function(event){
            event.preventDefault();
            if($(this).attr('id') != undefined){
                var $this = $(this);
                $.ajax({
                    type: 'GET',
                    url : "{% url 'updateligneFacture_tem' %}",
                    data: $("#form_facture").serialize(),
                    success : function(data){
                        $('#contenue').html(data);
 
                        this.innerhtml("
                        <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 pour votre aide

[Toufik83]

essaie :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$('#table_article').on('click','tr', function(event){alert($(this).attr("id"));});

[123nada1]

salut
l'alert c'est juste pour vérifier si je peux récupérer id de mon tr et ça marche bien, mais mon probleme c'est que je peux pas afficher mes champ par .innerhtml

[Toufik83]

mais mon probleme c'est que je peux pas afficher mes champ par .innerhtml

je crois que c'est une erreur de syntaxe, c'est innerHTML et pas innerhtml.
vérifie si tu as des erreurs dans la console...
puis si tu travail avec jQuery, tu peux utiliser $.html() directement.

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var $this = $(this);

=>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
$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>" )

pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.innerhtml

et en js si tu veux écrire sure plusieurs lignes il faut mettre un \ !