[Popup]Cliquer sur un button sans raffraichir ?

Bonjour,

Je suis entrain d'essayer un truc qui m'a l'air bien sympa c'est le modalPopup de l'AjaxControlToolkit.

J'ai mis un petit formulaire avec deux ListBox et deux bouton ajouter et supprimer (qd je selectionne un élément de Listbox1 et je clique sur le bouton ajouter, je l'ajoute à ListBox2 et je mets à jour une variable de session qui contient les objets).

http://img401.imageshack.us/img401/6857/formzu8.png

Le seul hic est que, quand je clique sur un bouton, la page se rafraichi et je perds mon popup (même si les objets sont bien mis à jour, je voudrais avoir la possibilité de continuer à manipuler ...). Utiliser un composant Ajax résout il le problème ? Avez-vous une petite astuce ?

Merci d'avance.

Oui passer par de l'Ajax te permettra cela, mais du simple javascript peut également faire l'affaire.

Ton exemple est trés répandu sur le web, une recherche devrait te donner nombre d'exemple et/ou de tutoriel.

Citation:

---

Envoyé par Apo94

Oui passer par de l'Ajax te permettra cela, mais du simple javascript peut également faire l'affaire.

Ton exemple est trés répandu sur le web, une recherche devrait te donner nombre d'exemple et/ou de tutoriel.

---

Manipuler des objets métier avec JavaScript :aie:

J'ai fais des recherches, mais malheureusement elles n'ont pas été concluante, je cherche encore.

En tt cas merci pour ta réponse.

Pour qu'un bouton ne raffraichisse pas la page, "il suffit" de rajouter un "return false;" dans son onclick

Code:

---

1 2 3

<input type="button" onclick="fonctionAApeller(); return false;" value="texte" /> <!-- ou alors --> <button onclick="fonctionAApeller(); return false;">texte</button>

---

En .NET avec le composant asp:Button on peut faire comme ca

Code:

---

<asp:Button ID="btn_test" runat="server" Text="texte" OnClientClick="fonctionAApeller(); return false;" />

---

Citation:

---

Envoyé par mioux

Pour qu'un bouton ne raffraichisse pas la page, "il suffit" de rajouter un "return false;" dans son onclick

Code:

---

1 2 3

<input type="button" onclick="fonctionAApeller(); return false;" value="texte" /> <!-- ou alors --> <button onclick="fonctionAApeller(); return false;">texte</button>

---

En .NET avec le composant asp:Button on peut faire comme ca

Code:

---

<asp:Button ID="btn_test" runat="server" Text="texte" OnClientClick="fonctionAApeller(); return false;" />

---

---

J'ai essayé ta méthode, mais ça ne marche pas ... D'ailleurs la page se raffraichi et ma méthode ne s'execute pas ... (sans qu'il me renvoie d'erreur ...).

En tt cas merci pour ta réponse.

J'ouvre différent popup via showModalDialog, après y avoir <base target=_self/> dans le header de la page aspx, cela fonctionne, j'ai des boutons asp.net avec les quels je lances des events seveurs.

Fix

J'ai trouvé une solution qui a l'air de satisfaire mon besoin.

http://sadeveloper.net/forums/thread/5170.aspx

Mais il faut que j'utilise

Code:

---

<asp:UpdatePanel>

---

Ce qui me fait une erreur car le control n'est pas reconnu :

Citation:

---

Element 'UpdatePanel' is not a known element. This can occur if there is a compilation error in the Web site.

---

Pourtant dans le site exemple du AjaxControlToolkit, il est utilisé dans une page (VS me donne la même erreur), mais il n y a pas de problème à l'execution ... (il est utilisé dans l'exemple UpdatePanelAnimation).

Si quelqu'un a une idée
D'avance merci.

Plus de problème pour utiliser updatePanel, qui était du à un oublie.

Désolé.

Excellente solution.

Il faut :

Utilisez un UpdatePanel dans le modalPopup.
La page ne se raffraichie pas. (et donc la popup reste active)

Pour la fermer il faut utiliser la méthode Hide() du ModalPopupExtender.

Voila une bonne chose de faite.

Merci à ceux qui ont essayé de m'aider.