getElementById in separate js-Datei nicht finden ASP.net Kontrolle

Wenn ich dieses in die markup der Seite funktioniert es einwandfrei:

<script type="text/javascript">
    function bought1()
    {
        var s = '<%= Button2.ClientID %>';
        var v = document.getElementById(s);
        v.click();
    }    
</script>

Aber wenn ich die gleiche Sache in einer separaten Datei, auch wenn die Funktion ist ausgeführt - den Wert der v bleibt null.

Habe ich versucht mit einem einfachen div und es hat finden Sie die div.

Warum nicht finden ASP.net Button?

BEARBEITEN

Ich auch noch ClientIDMode="Static" auf die Schaltfläche. Keine änderung.

  • Sie überprüft die tatsächliche gerenderten html auf beiden Seiten?
  • Ich habe mit IE und FF js-Debugger - Sie geben beide eine null für v.
  • Einen sofortigen "fix" wäre, um ihm eine Klasse und target-Klasse. Wenn in einer separaten JS-Datei, die <%= Button2.ClientID %> hat nicht Holen Sie ausgewertet, da JavaScript-Dateien werden nicht ausgewertet, indem die ASP.NET server - Sie serviert wird, statisch.
  • ich meine, die Ansicht der eigentlichen Quelle. Sehen, was gerendert wird für var s = '<%= Button2.ClientID %>'; etc...
  • auch, wie @ian sagt - die server-tags <% %> funktioniert nicht in einem separaten .js-Datei.
  • Es zeigt nur <script type='text/javascript' src='JScript1.js'></script>.
  • Wenn Sie ClientIDMode="Static", dann ändern Sie Ihren code ein: var s = 'Button2'; (und stellen Sie sicher, dass Sie den cache Ihres Browsers leeren und die Seite neu laden)
  • Ich habe es '<%= Button2 %>'. Aber von Gewinnen Antwort, vorausgesetzt, es ist richtig, sehe ich, dass das nicht helfen wird. (Button2 natürlich.) Danke.
  • er meinte es ändern zu var s = 'Button2'; und nicht var s = '<%= Button2 %>'; tun Sie dies, nachdem Sie ClientIDMode="Static" auf Ihre Schaltfläche

InformationsquelleAutor ispiro | 2013-07-17
  1. 9

    <%= Button2.ClientID %> ist eine server-code. Sie können nicht ausgeführt, server-code in eine separate javascript-Datei.

    Wenn Sie Zugriff auf Server-ID von separaten javascript, die Sie brauchen, um die ClientIDMode entweder preditable oder statisch.

    Hier ist ein Beispiel.

    Folgenden ist ein code. Es ist kein gutes Beispiel, aber ich hoffe, Sie bekommen die Idee.

    Hinweis: Stellen Sie sicher, Sie haben nicht die gleichen Ids verwenden wenn Sie ClientIDMode="Static". Ansonsten-Ids kollidieren. Zum Beispiel, eine in der master-Seite und das in einer content-Seite.

    ASPX

    <script src="/JavaScript1.js"></script>
<asp:Button runat="server" ID="Button1" ClientIDMode="Static" 
    Text="I am a button" />
<div onclick="bought1()">Click Me</div>

    Javascript-Datei

    function bought1() {
    var s = 'Button1';
    var v = document.getElementById(s);
    v.click();
}

    getElementById in separate js-Datei nicht finden ASP.net Kontrolle

    InformationsquelleAutor Win
  2. 3

    Gewinnen, ist richtig, Ihre separaten JS-Datei wird nicht wiedergegeben ASP.net.

    Jedoch, wenn Sie einfach 

    <script type="text/javascript">
        var s = '<%= Button2.ClientID %>';
</script>

    oben, wo Sie laden Ihre externen Datei, die Sie laden Sie den Wert in einen global auf der Seite, dass der Zugriff auf alle Skripte geladen, nachdem es. So stellen Sie sicher, geben ihm einen Namen, der nicht kollidieren mit jedem Bibliotheken, die Sie geladen haben.

    • Das ist genau das, was die ClientID ist (siehe hier.) Und außerdem - es nicht im ersten Fall.
    • Ah, falsch verstanden die Frage. Aktualisiert!
    • Du meinst, dass ich in der Lage sein zu verwenden s in der externen Datei? Das sieht wie eine gute Lösung. Danke.
    • Ja, da es Global definiert, Sie können es aus jedem scope in JavaScript
    • Vielen Dank für Ihre Hilfe.
    InformationsquelleAutor MaxPRafferty
  3. 2

    Sollten Sie Ändern Sie die Funktion wie folgt:

    function bought1(clientId)
{
    var s = clientId;
    var v = document.getElementById(s);
    v.click();
}

    und nennen es in Ihrem markup der Seite:

    bought1('<%= Button2.ClientID %>')
    InformationsquelleAutor Abbas Amiri
  4. 1

    Alternativ, wenn Sie möchten, um zu vermeiden, die Unordnung der JS globals und dumping asp.net Variablen insgesamt, nur wickeln Sie Ihre Schaltfläche, und verwenden Sie eine queryselector (oder jquery, etc), um es zu packen:

    asp.net:

    <div id="button-container">
        <asp:Button ID="button" runat="server" />
</div>

    JS:

    <script type="text/javascript">
    function bought1()
    {
        var v = document.querySelector("#button-container input");
        v.click();
    }    
</script>
    • Oder document.getElementById("button-container").children[0]. Gute Idee, obwohl 🙂
    • Habe ich meist nur wie Dokument.querySelector, heh. Auch ich konnte mich nicht erinnern, wenn .net Hinzugefügt jede andere markup-Code rund um den button, aber zum Glück ist es nicht.
    • Oh ich auch, ich dachte nur, für dieses sehr spezielle Beispiel, mein Beispiel würde auch funktionieren, und haben "bessere" browser-Unterstützung. Ja, zum Glück, für einen button braucht es nicht noch zusätzliche markup, sondern zerstören würde meine Lösung sein, wenn Sie es Tat.
    • Yep, getElementById ist definitiv der Weg zu gehen für jemanden der Ausrichtung auf ein breites Publikum.
    InformationsquelleAutor MaxPRafferty
Schreibe einen Kommentar