ASP.Net: ID client n'est pas correct dans le code-behind d'un contrôle utilisateur

Question

Le code suivant ne fonctionne pas. Le balisage est dans un contrôle utilisateur et je suppose que c'est pourquoi ClientID renvoie le mauvais préfixe pour l'ID TextBox.

Markup:

<INPUT id="txtName" runat="server" maxlength="50" style="WIDTH:100px"> 
<INPUT type="button" value="Find Your Doctor" id="btnFind" runat="server" 
     style="MARGIN-LEFT:10px;WIDTH:130px"> 

code-behind:

btnFind.Attributes.Add("onClick",string.Format("DoctorLink 
     ('{0}',document.getElementById('{1}').value,{2});", 
     row["ZipCode"], 
     txtName.ClientID)); 

Résultats dans le navigateur:

<input name="DoctorsMainArea1$ctl01$txtName" type="text" 
    id="DoctorsMainArea1_ctl01_txtName" maxlength="50" style="WIDTH:100px" /> 

<input name="DoctorsMainArea1$ctl01$btnFind" type="button" 
    id="DoctorsMainArea1_ctl01_btnFind" value="Find Your Doctor" style="MARGIN- 
    LEFT:10px;WIDTH:130px" onClick="PrepareDoctorLink('90210', 
    document.getElementById('DoctorsMainArea1_ctl00_txtName').value);" /> 

Comme vous pouvez le voir, le paramètre de l'appel JavaScript est DoctorsMainArea1_ctl00_txtName, mais l'ID réel de l'élément d'entrée est DoctorsMainArea1_ctl01_txtName.

Une idée pour résoudre ce problème? jQuery? Je ne suis pas tellement intéressé par une explication de ce qui se passe (peut-être qu'il y a un autre contrôle sur cette page qui interfère), mais une manière plus robuste de résoudre le problème.

Answer 1

Vous devez essayer de déplacer le code qui ajoute l'attribut onclick au bouton dans l'événement PreRender (ou le remplacement OnPreRender) dans votre page ou votre contrôle utilisateur. Cela devrait probablement avoir le droit ClientID.

Answer 2

Une solution rapide:

btnFind.Attributes.Add("onClick",string.Format("DoctorLink 
     ('{0}',document.getElementById('{1}').value,{2});", 
     row["ZipCode"], 
     "DoctorsMainArea1_ctl01_" + txtName.ClientID)); 

Cela se produit parce que vous avez un espace réservé contenu dans votre page quelque part.

Answer 3

une autre solution: balise html:

<input type="text" name="txtName" id="txtName" /> 

code bind:

string txtName_value = Request.Forms["txtName"]; 

et vous pouvez obtenir la valeur

il suffit d'utiliser le contrôle html.

Answer 4

Je ne sais pas quelle version asp.net vous utilisez, mais dans la version 4.0, vous pouvez déclarer tout contrôle à l'intérieur du serveur ClientIDMode = « statique » et il vous donnera l'identifiant exact dans le navigateur.

Exemple:

<asp:Textbox id="txtName" runat="server" ClientIdMode="static"/> 

D'autres sont prévisibles, héritera et il peut être utilisé avec ClientIdRowsuffix.Can être utilisé au niveau de la page et même sur les pages maîtres et même dans le fichier web.config.

Exemple sur fichier web.config:

<system.web> 
<Pages clientIDMode="predictable"/> 
other system web properties 
</system.web> 

à tekpub, Craig visionnées bottier vidéo vous pouvez également en savoir plus à ce sujet sur le blog de Rick link text. C'est plutôt cool.