Discussion :

[RoyalS]

Bonjour,

Je suis tout nouveau dans le monde de jquery mobile. C'est vraiment sympa tout ce qu'on peut faire avec cette bibliothèque mais mon imaginaire en demande trop à mes compétences.
Je m'explique, j'ai une listeview que je construit dynamiquement avec la barre de recherche qui va bien, mais le problème c'est que j'aimerai bien faire apparaître cette barre de recherche quand on click sur un boutton " rechercher".
J'ai essayer d'ajouter les attributs qu'il faut avec jquery dans un événement ready puis click:

Code :

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

1
2
3
 
$('.ui-listview').attr('data-filter','true');
$('.ui-listview').attr('data-filter-placeholder','recherche');

En me renseignant, j'ai vu que cet événement passait après un autre événement jquery-mobile et je n'ai pas encore réussi a contourner ce probleme.

En vous remerciant,
Royal

[RoyalS]

J'ai un début de piste.
on peut le faire en jquery mais j'ai appris qu'on pouvait le faire aussi avec des methodes jqmobile :

Code :

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

1
2
3
4
 
$( document ).on( "vclick", "#btn-recherche", function() {{
           $( ".selector" ).listview( "option", "filter", true );
});

Si je met une alert dedans, j'ai bien le message que je veux afficher mais je n'ai toujours pas ma barre de recherche

[NoSmoking]

Bonjour,

apparaître cette barre de recherche quand on click sur un boutton " rechercher".

voir documentation sur .show()

[RoyalS]

Merci de ta réponse.
Mais je pense pas que ca soit une solution.
La barre de recherche est genere automatiquement grace a l' attribut data-filter.
On pourrait recuperer le code source de la barre genere est faire un hide/show mais je pense pas que ca soit tres propre.

[omdafer]

Bonjour, Je pense comme NoSmoking, un .show() serait approprié, et un .hide() dans ton ready. Voir même un .toggle().
Ou encore avec de l'effet un .slideUp() /.slideDown(), voir un .slideToggle() , ...

Ta barre existera toujours, elle sera juste masqué. Je ne pense pas que ça gène l'attribut data-filter.

PS: Les toggle, c'est sympa, ça switch mais si tu veux masquer/afficher comme tu l'a décider, c'est mieux les méthodes respectives.

[RoyalS]

En y repensant, vous avez raison. C'est tout a fait possible de faire de votre façon. Mais c'est pas cette méthode que je voulais utiliser.
Je voulais utiliser jquery-mobile avant tout, j'ai peut-être tord.

J'ai réussi a trouver la solution sur stack***** , je la met ici :

Code :

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

1
2
3
4
5
6
7
 
$( document ).on( "vclick", "#recherche", function() {
 
    $('.ui-listview').listview( "option", "filter", true );
    $('.ui-listview').listview( "option", "filterPlaceholder", "Rechercher..." );
    $('.ui-listview').trigger("listviewcreate");
});

Je vous remercie tout de même pour votre aide,
RYL