__doPostBack funktioniert nur, wenn auf der Seite

Question

ein LinkButton-, Calendar- oder WizardStep-Steuerelement vorhanden ist. Ich habe ein Problem mit __doPostBack festgestellt und eine Lösung gefunden. Ich suche eine Erklärung für die Ursache und/oder eine bessere Lösung als meine Arbeit.

Szenario: Ich habe ein Dropdown mit den Werten gefüllt; "-Auswählen-", "Eins" & "Zwei". Wenn der Benutzer "Eins" auswählt, wird das clientseitige Skript ausgeführt. Wenn der Benutzer "Zwei" auswählt, wird das serverseitige Skript ausgeführt.

Problem: Das Client-Skript initiiert das Postback durch Aufruf von __doPostBack. Es tritt jedoch kein Post-Back auf, wenn auf der Seite auch kein LinkButton-, Calendar- oder WizardStep-Steuerelement vorhanden ist. Ich habe tatsächlich alle Standard-Tools in der Visual Studio Toolbox durchlaufen und alle getestet. Es muss einer von diesen drei sein.

Umgehen: Fügen Sie einen Link-Button hinzu, der von einem Bereich umgeben ist, dessen Anzeige auf "Keine" gesetzt ist.

<span style="display:none;"> 
    <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton> 
</span> 

Frage: Kann jemand eine Erklärung für dieses Verhalten liefern oder eine bessere fix als meine bieten „Work Around“?

Quelle - Javascript (ich es zwischen dem Kopf Tags platziert)

<script language="javascript" type="text/javascript"> 
    function DropDownList1_change(elementRef) { 
     var selectedIndex = elementRef.selectedIndex; 
     if (selectedIndex > 0) { 
      var selectedValue = elementRef.options[selectedIndex].value; 
      if (selectedValue == "One") { 
       alert("Because you selected 'One', special javascript code will be executed"); 
       // Special javascript code goes here 
       return; 
      } 
      else if (selectedValue == "Two") { 
       // Special server code gets executed on server DropDownList1_SelectedIndexChanged 
       __doPostBack('DropDownList1', ''); 
      } 
     } 
    } 
</script> 

Quelle - ASPX Steuert

<asp:DropDownList ID="DropDownList1" runat="server" onchange="DropDownList1_change(this)" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"> 
     <asp:ListItem>-Select-</asp:ListItem> 
     <asp:ListItem>One</asp:ListItem> 
     <asp:ListItem>Two</asp:ListItem> 
    </asp:DropDownList> 
    <br /> 

    <!-- For some unknown reason __doPostBack only works if there is a LinkButton, Calendar or WizardStep control on the page -->  
    <span style="display:none;"> 
     <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton> 
    </span> 

    Time of last Post Back: <asp:Label ID="Label1" runat="server"></asp:Label><br /> 
    Time of OnSelectedIndexChanged: <asp:Label ID="Label2" runat="server"></asp:Label> 

Quelle - Code hinter

protected void Page_Load(object sender, EventArgs e) 
    { 
     Label1.Text = DateTime.Now.ToLongTimeString(); 
    } 

    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) 
    { 
     Label2.Text = DateTime.Now.ToLongTimeString(); 
    } 

Zusätzliche Ressource - Ich fand den folgenden Artikel nach dem Posten dieser Frage. Es ist ein sehr alter Microsoft Artikel und der einzige Microsoft Artikel, den ich gefunden habe, der die spezifische Beschränkung von DropDowns erwähnt, gibt & Postbacks zurück. Ich habe nicht tief in ihre Lösung gegraben und bin mir nicht sicher, ob die Zeit es mir erlauben wird. Hauptsächlich posten Sie es für den Fall, dass meine Lösung fehlschlägt oder nicht für jemand anderen funktioniert.

Intuitiv können Sie ein Bestätigungsdialogfeld für eine Dropdown denken Zugabe ist identisch mit Zugabe eines solchen Dialogfeld für ein Button Web Kontrolle. Das heißt, setzen Sie einfach das clientseitige Attribut der DropDownList auf etwas wie: return confirm (...) ;. Verwenden: DropDownListID.Attributes ("onchange") = "return confirm (...);" Leider funktioniert dies nicht wie gewünscht, da ein AutoPostBack DropDownList Onchange-Attribut auf ein Bit JavaScript gesetzt wird, die ein Postback verursacht, nämlich einen Aufruf an die clientseitige __doPostBack Funktion.Wenn das onchange Attribut Einstellung sich programmatisch, ist das Endergebnis, dass die gerenderte clientseitige Onchange Ereignishandler sowohl Ihren Code und den Anruf zu __doPostBack hat:

Der Artikel ist für „Bestätigung lange so Suche mit Autopostback Dropdownlists“

https://msdn.microsoft.com/en-us/library/aa479302.aspx

Answer 1

Es wurden 2 Lösungen.

Lösung 1: Eine bessere work around als eine Link-Schaltfläche Hinzufügen von versteckten span-Tags umgeben ist die folgende auf die Seite zu laden Ereignis hinzuzufügen. Dies stellt sicher, dass die Funktion __doPostBack verfügbar ist.

protected void Page_Load(object sender, EventArgs e) 
{ 
    Page.ClientScript.GetPostBackEventReference(this, string.Empty); 
} 

Die Funktion __doPostBack nur dann erzeugt wird, wenn eine Steuerung in Form Postbacks durchzuführen es braucht. Dazu gehören Steuerelemente wie der LinkButton und andere Steuerelemente, für die AutoPostBack auf true festgelegt ist. Tatsächlich können nur die Button- und ImageButton-Steuerelemente Postbacks ohne __doPostBack ausführen (siehe this article). Zum Beispiel können wir in der HTML-Ausgabe sehen, dass ein Linkbutton auf diese Weise wiedergegeben wird:

<a id="lnk" href="javascript:__doPostBack(&#39;lnk&#39;,&#39;&#39;)">My link</a> 

---

Lösung 2: Der folgende Ansatz erreicht die gleiche Sache ohne __doPostBack zu verwenden.

Im vorliegenden Fall, Sie AutoPostBack="true" für das Dropdownlist setzen könnte:

<asp:DropDownList AutoPostBack="true" onchange="if (!confirmPostBack(this)) return false;" ... > 

Die onchange Ereignishandler false zurückkehren würde, wenn Sie die Postbacks verhindern wollen. Die Javascript-Funktion könnte so etwas wie dieses:

function confirmPostBack(ddl) 
{ 
    if (condition) { 
     ... 
     return true; 
    } 
    else { 
     ... 
     return false; 
    } 
} 

Wichtige: Die onchange Event-Handler sollte nichts zurückgeben der Postbacks stattfinden zu lassen. Sie können diese Syntax verwenden:

onchange="if (!confirmPostBack(this)) return false;" 

Aus Gründen wahrscheinlich in der in der Anfrage genannten Artikel erläutert, ist die folgende Syntax funktioniert nicht. Die Rückkehr true verhindert immer noch das Postback.

onchange="return confirmPostBack(this);" // Does not work!