RadioButtonList et SelectedIndexChanged

Bonjour a tous,

J'aurais besoin d'une petite aide a propos du RadioButtonList.
J'aimerais que lorsque je change l'index du RadioButtonList, un test soit fait avant de lancer ma fonction SelectedIndexChanged.

Exemple:

J'ai mis ce petit bout de code dans la fonction DataBound de mon RadioButtonList.

Code:

---

MonRBL.Attributes.Add("OnChange", "if (confirm('Sure ?')) {" + Page.GetPostBackEventReference(((RadioButtonList)sender)) + ";}");

---

La popup est lancee me demandant de confirmer ("Sure?"). Lorsque je clique sur OK, ma fonction SelectedIndexChanged est bien executee. Et si je clique sur cancel, elle ne l'est pas. Tout ce passe comme je le veux. Le seul ennui c'est que mon index dans mon RadioButtonList a change entre temps sur la valeur que j'ai clique. Comment puis-je annule cela? :oops:

Merci d'avance

saphir54321

Il est toujours possible de mettre l'index de ton élément sélectionné dans un hiddenfield et lorsque tu appuie sur cancel remettre l'index au bon endroit.

Le problème viens du fait que lorsque on selectedindexchanged se produit ton nouvel élément est déjà sélectionné il faut donc remettre la valeur précédente ce qui ne devrait pas être trop compliqué avec l'utilisation d'un hiddenfield.

Merci pour ta reponse stroumfs.

Je ne vois pas trop comment faire ce que tu me proposes...
Et ou est ce que je m'occupe de remettre la valeur precedente.

Dans ce bout de code je suppose?:

Code:

---

MonRBL.Attributes.Add("OnChange", "if (confirm('Sure ?')) {" + Page.GetPostBackEventReference(((RadioButtonList)sender)) + ";}");

---

C'est du JavaScript, donc côté client, donc pas d'objet Page etc.

Là, c'est plus du .NET, mais du JavaScript.

Hehe, je sais bien. C'est juste que javascript et moi .... :cry:
Pourrais-tu me montrer comment faire? :oops:

Hehe je comprend très bien ce que tu veux dire ;) ne t'en fait pas.

Pour en revenir à la suggestion que je te proposais, il faut premièrement ajouter dans ta page un asp hiddenfield

Code:

---

1 2 3

<asp:HiddenField ID="HiddenFieldSelectedValue" runat="server" /> <asp:RadioButtonList ID="RadioButtonList" runat="server"> </asp:RadioButtonList>

---

Il suffit ensuite au chargement de ta page de mettre la valeur initiale dans ton hiddenfield:

Code:

---

1 2 3 4 5

protected void Page_Load(object sender, EventArgs e) { HiddenFieldSelectedIndex.Value = RadioButtonList.SelectedIndex; }

---

Finalement dans ta page même sur le même événement que tu utilisais tu ajoutes ta fonction javascript:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function OnIndexChanged() { var hiddenfield = document.getElementById("<%= HiddenFieldSelectedIndex.ClientID %>"); var radioButtonList = document.getElementById("<%= RadioButtonList.ClientID %>"); if(!confirm(message)) { radioButtonList.selectedIndex = hiddenfield .value; } hiddenfield.value = radioButtonList.selectedIndex; }

---

Je ne suis pas certain à 100% de la méthode pour l'index de l'item côté client, mais pour le reste tout devrait fonctionner.

J'espère que cela aura pu être utile :).

Je te souhaite une excellente journée!

Merci pour ta reponse.
Cela me semble plus clair deja. :ccool:
Le seul probleme que j'ai oublie de preciser est que mon RadioButtonList se trouve dans un gridview. Comment dois-je faire pour y acceder?
Ceci:

Code:

---

document.getElementById("<%= HiddenFieldSelectedValue.ClientID %>")

---

me donne comme erreur:

Citation:

---

The name 'HiddenFieldSelectedValue' does not exist in the current context

---

Pareil pour le radiobuttonlist.

J'ai ceci dans la fonction DataBound de mon RadioButtonList pour appeler la fonction OnIndexChanged si la reponse est negative.

Code:

---

((RadioButtonList)sender).Attributes.Add("OnChange", "if (confirm('Change a record, would you like to continue ?')) {" + Page.GetPostBackEventReference(((RadioButtonList)sender)) + ";}else{javascript:OnIndexChanged();}");

---

Bonne journee a toi egalement. ;)

http://aspadvice.com/blogs/joteke/ar...6/23/2341.aspx

Merci bacelar.
Entretemps j'ai trouve un autre moyen pour y acceder.
En debuggant, j'ai lu le ClientId de mon control et l'ai lu ainsi dans ma fonction javascript:

Code:

---

var hiddenfield = document.getElementById("ctl00_Main_GridView1_ctl02_HiddenFieldSelectedValue");

---

En lisant la valeur qui se trouve dans hiddenfield avec document.write(hiddenfield.value); j'ai en effet lu la bonne valeur.
J'ai ensuite assigne cette valeur a mon radiobuttonlist:

Code:

---

radioButtonList.selectedIndex = hiddenfield.value;

---

pour changer l'index, malheureusement l'index n'est pas change. Quand je lis la valeur de radioButtonList.selectedIndex avec document.write.... la valeur assignee par mon hiddenfield s'est fait correctement. Mais le resultat a l'ecran n'est pas correct. :cry:

Any ideas???

Regardez mon lien, il permet de faire le calcul du ClientID de manière bien plus fiable.
radioButtonList.selectedIndex doit être un int et hiddenfield.value une string, d'où vraisemblablement le problème.

J'ai converti hiddenfield.value en un int:

Code:

---

radioButtonList.selectedIndex = parseInt(hiddenfield.value);

---

mais cela n'a rien change. :(

Il faut peut-être prévenir le control sélectionné ?

Code:

---

1 2 3

radioButtonList.selectedIndex = parseInt(hiddenfield.value); radioButtonList[parseInt(hiddenfield.value)].selected=true;

---

J'ai essaye ceci comme propose:

Code:

---

radioButtonList[parseInt(hiddenfield.value)].selected=true;

---

et ceci:

Code:

---

radioButtonList[parseInt(hiddenfield.value)].checked = true;

---

mais cela ne change rien.
J'ai mis un

Code:

---

document.write('hello');

---

apres et cela ne l'a jamais affiche. Il y a clairement une erreur qui est produite par la ligne de code precedente.
GGGRRRR, ouh que je n'aime pas javascript.....

Je suis finalement arrivee au bon resultat. :D:D:D:D:D
Autant faire partager cela a tout le monde ;)

Code:

---

document.getElementById(rbl + '_' + index).checked = true;

---

Merci de votre aide bacelar et stroumfs :ccool:

Activez le debugging Javascript pour utiliser VS comme débuggeur Javascript.
C'est dans les options internet d'IE. (Même avec FireFox:aie:).