[2.0] Renommage des ID des controls

Certains en ont peut-être déjà fait l'expérience mais VS.Net a la bonne idée de renommer les id des controls pour leur ajouter un prefix correspondant à leur position dans la page.
ex:

Citation:

---

txtSubCategory

---

devient

Citation:

---

ctl00_phMain_uwTab__ctl2_txtSubCategory

---

Le problème est qu'utilisant DOM, j'ai besoin d'accéder à des élements via leur ID et qu'il me faut alors connaitre le préfix utilisé. Jusqu'à maintenant, j'ai regardé la source pour noter le prefix dans une variable et et l'appeler à chaque fois que je fais getElementById(mavar+'id_du_control');

Le problème est que si j'ai le malheur de déplacer mon contrôle dans la page, dans un onglet ou contengholder, et bien le profix change de nouveau...
Bref, c'est pas très propre car on ne se rend compte de l'erreur qu'en production quand le javascript pete une erreur et vu les fonctionnalités, j'ai pas envie de les tester une par une à chaque fois pour fois si le deplacement n'a rien cassé.

Quelqu'un aurait-il trouvé une solution propre car tout ce que j'ai vu sur le net ne me semble pas super pratique et reste aussi dégueu pour moi.
Ne peut-on pas désactiver le renommage?

merci d'avance

En code behind, t'as accès à l'id client que le framework va générer via ton_control.ClientID.
Tu peux stocker la valeur dans un input hidden et la récupérer en js

et en javascript? :D


sinon si j'ai bien compris,
si je fais txtSubCategory.CliendID, ca me retournerait ctl00_phMain_uwTab__ctl2_txtSubCategory en code behind cest ca?

Citation:

---

Envoyé par Louis-Guillaume Morand

sinon si j'ai bien compris,
si je fais txtSubCategory.CliendID, ca me retournerait ctl00_phMain_uwTab__ctl2_txtSubCategory en code behind cest ca?

---

Oui.
Ensuite, imaginons que tu veuilles récupérer la valeur de ce control en javascript.
Tu déclares une variable input type hidden et tu la mets en runat = server pour y accéder en code behind

Code:

---

<input type='hidden' id='mon_control' runat='server' />

---

Dans le PageLoad par exemple:

Code:

---

1 2	mon_control.value = txtSubCategory.ClientID

---

Ensuite, en javascript:

Code:

---

1 2 3

var obj1 = document.getElementById('mon_control'); var ma_textbox = document.getElementById(obj1.value);

---

Après tu fais ce que tu veux :mrgreen:

C'est tordu mais ca peut marcher :) (enfin quand j'ai qu'un seul champ, sur une formulaire, c'est un peu relou :/

en tout cas, merci, je vais aller creuser tout ca

Il y a aussi moyen de faire interpréter directement l'id dans le JavaScript, ce qui est un peu plus simple..

Ca donne un truc du genre :

Code:

---

1 2 3

var obj1 = document.getElementById('<%=Controle.ClientID %>');

---

bah ca, ca me plait déjà beaucoup plus :)
Je vais aller tester :)