ASP.Net: ClientID in Code-Behind eines Benutzersteuerelements nicht korrigiert

Question

Der folgende Code funktioniert nicht. Das Markup befindet sich in einem Benutzersteuerelement, und deshalb gibt ClientID das falsche Präfix für die TextBox-ID zurück.

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)); 

Ergebnisse in Browser:

<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);" /> 

Wie Sie sehen können, ist der Parameter für den Aufruf JavaScript ist DoctorsMainArea1_ctl00_txtName, aber Die tatsächliche ID des Eingabeelements ist DoctorsMainArea1_ctl01_txtName.

Irgendeine Idee, wie man das repariert? jQuery? Ich interessiere mich nicht so sehr für eine Erklärung dessen, was vor sich geht (vielleicht gibt es eine andere Kontrolle auf dieser Seite, die sich einmischt), aber eine robustere Art, das Problem zu lösen.

Answer 1

Sie sollten versuchen, den Code, der das onclick-Attribut hinzufügt, auf die Schaltfläche im Ereignis PreRender (oder OnPreRender override) auf Ihrer Seite oder Benutzersteuerung zu verschieben. Das sollte wahrscheinlich die ClientID richtig machen.

Answer 2

Eine schnelle Lösung:

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

Dies geschieht, weil Sie einen Inhalt Platzhalter in Ihrer Seite irgendwo haben.

Answer 3

eine andere Lösung: HTML-Tag:

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

Code-bind:

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

und Sie können den Wert

nur die HTML-Steuerung verwenden zu bekommen.

Answer 4

Ich weiß nicht, welche asp.net-Version Sie verwenden, aber in 4.0 können Sie in jedem Server-Steuerelement ClientIDMode = "statisch" deklarieren und es wird Ihnen die genaue ID im Browser geben.

Beispiel:

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

Andere sind vorhersehbar, erben und es kann mit verwendet werden ClientIdRowsuffix.Can auf Seitenebene verwendet werden, und auch auf Musterseiten und sogar in web.config-Datei.

Beispiel auf Datei web.config:

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

Gesehen Craig Schuster Video bei tekpub, können Sie auch weitere Informationen zu Rick Blog link text lesen. Es ist ziemlich cool, tho.