Discussion :

[Atom87]

Bonjour;

Voici le résultat que je voudrais avoir : http://jsfiddle.net/cdog/EpG7x/

Une liste avec un bouton delete sur le coté droit...

Je construis ma liste en jquery avec append :

Code :

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

1
2
3
4
5
                    $listPoints.append($('<a class="list-group-item">').attr("href",value._id.$oid)
                                                                       .text(value.name)
                                                                       .data('latitude',value.latitude)
                                                                       .data('longitude',value.longitude)
                                                                       .data('name',value.name));

Donc pour chaque élément de ma liste je souhaiterais ajouter cela :

Code :

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

1
2
3
4
5
<span class="pull-right">
        <button class="btn btn-xs btn-danger">
          <span class="glyphicon glyphicon-trash"></span>
        </button>
        </span>

Comment faire ?

Merci pour votre aide...

EDIT : $listPoints.append($('<a class="list-group-item"><'+'/'+'a><span class="pull-right"><button class="btn btn-xs btn-danger"><span class="glyphicon glyphicon-trash"><'+'/'+'span><'+'/'+'button><'+'/'+'span>')

mais cela ne marche pas

EDIT 2 : j'en suis ici :

Code :

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

1
2
3
4
5
6
7
8
$listPoints.append($('<a class="list-group-item clearfix">')
                                                                       // .attr("href",value._id.$oid)
                                                                       .text(value.name)
                                                                       .data('latitude',value.latitude)
                                                                       .data('longitude',value.longitude)
                                                                       .data('name',value.name))
                                                                       append('<span class="pull-right"><button class="btn btn-xs btn-danger"><span class="glyphicon glyphicon-trash"></span></button></span>')
                });

[SpaceFrog]

https://jsfiddle.net/EpG7x/253/

[Atom87]

Merci, en effet dans mon code j'ai zappé une parenthése aprés mon dernier data...

[SpaceFrog]

Note que tu peux factoriser les data en un seul Json ...

[Atom87]

Puis je récupérer l'id de mon<a> ( en passant par le href) pour supprimer l'élément de ma liste....via ajax ?

Je code en rails...

[SpaceFrog]

heu tes a n'ont pas d'id

[Atom87]

oui, vous avez raison et si je passai mon id via un data dans mon button et ensuite je fais cela ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
  $('#delete_button').click(function(e) {
            e.preventDefault();
            $.ajax({
                type: "POST",
                url: /interest_points/+$(this).data('id'), 
                dataType: 'json',
                data: {"_method":"destroy"},
                success: function(data) {
                    alert('ok')
                }
            });
        });