Aufrufen ASP.NET TextChanged event von JavaScript mit __doPostBack

Wie viele andere auch, versuche ich, zu beschwören .NET-Steuerung ist server-side-event von JavaScript.

Speziell möchte ich auf das Feuer der TextChanged Ereignis auf ein Textfeld mit dem Namen txtSearch. Also, ich bin auf der Suche zu erreichen, wird das folgende Ereignis aus client-Seite:

protected void txtSearch_TextChanged(object sender, EventArgs e)

Gelesen viele Antworten auf SO (zum Beispiel hier und hier) ich habe Folgendes JavaScript:

__doPostBack('ctl00$ctl00$Container$Main$txtSearch', 'TextChanged');

Aber die server-side-event nie ausgelöst.

Habe ich versucht, zahlreiche Permutationen: mit der AutoPostBack true und false mit und ohne Ereignis deklariert in der server-side-Anweisungen auf der ASPX - (d.h. OnTextChanged=""), mit der EventValidation ausgeschaltet in der page-Deklaration, mit der ClientID, anstatt die UniqueID in der EVENTTARGET-parameter... aber die Veranstaltung ist noch nie gefeuert.

Ein paar andere Punkte

  • die txtSearch button-Steuerelement ist auch der Auslöser für ein UpdatePanel, in Fall, dass Angelegenheiten.
  • Ich die Umwandlung bestehender code, von denen es eine ganze Menge, und bin auf der Suche nach etwas, das ich fallen kann auf jeder Seite, statt der Konvertierung der code-behind-Veranstaltungen zu PageMethods.

Kann mir jemand sagen was ich tun muss?

Zu helfen, das problem einzugrenzen - Nicht die Page_Load event gefeuert?
ja, es funktioniert.

InformationsquelleAutor awj | 2012-12-04

  1. 1

    Ich hab das versucht, und es funktioniert für mich:

    <asp:TextBox runat="server" ID="txtSearch" OnTextChanged="txtSearch_TextChanged"></asp:TextBox>
<input type="button" value="submit" onclick="<%= GetOnChangedScript() %>" />

    Server-Seite asp:TextBox, und die client-Seite input die feuert __doPostBack auf klicken Sie auf. Die __doPostBack - script generiert durch PostBackOptions:

    protected string GetOnChangedScript()
{
    var options = new PostBackOptions(txtSearch, string.Empty);
    options.AutoPostBack = true;
    options.RequiresJavaScriptProtocol = true;
    var script = Page.ClientScript.GetPostBackEventReference(options);
    return script;
}

    Den txtSearch_TextChanged event-handler wird ausgelöst, wenn der Wert der text box geändert wird, und die submit Schaltfläche geklickt wird.

    Aber beachten Sie, für Steuerelemente wie TextBox der text ist gespeichert in der viewstate; der neue text wird vom Benutzer eingegeben, speichert in form von Daten. Wenn die TextBox laden Sie die viewstate-Daten, es wird der alte Wert. Dies ist im Vergleich mit dem neuen Wert, kommt in der form. Wenn die Werte unterschiedlich sind, die TextChanged - Ereignis ausgelöst wird. Wenn Nein, ist der event-handler nicht gefeuert werden. Dies ist der Grund für die Page_Load event gefeuert (postback auftrat), aber txtSearch_TextChanged hat nicht Feuer, wegen der Wert der TextBox auch nicht ändern.

    Ich habe implementiert, ist Ihr Vorschlag genau das, wie es scheint, und es nicht auf das TextChanged-Ereignis, nur der Page_Load. Es gibt zwei andere Probleme, die mit diesem Vorschlag: (1) ich bin auf der Suche, um dies tun zu können, die vollständig in JavaScript, anstatt das hinzufügen einer zusätzlichen Funktion zu jedem code-hinter, wo ich diese umsetzen ändern; (2) ich habe einige benutzerdefinierte JavaScript, die ich ausführen möchten, bevor Sie den Wert von txtSearch ist zurück gebucht, aber mit AutoPostBack="True" I don ' T die chance bekommen, dies zu tun.
    dies ist die richtige hinzufügen __doPostBack-wie Referenzen. Der name der server-Seite Steuern können geändert werden, und dann alle Ihre snippets nicht funktionieren. Aber es ist bis zu Ihnen, wie Sie diese Blöcke. (2) in meinem Beispiel AutoPostBack - Eigenschaft ist nicht festgelegt. Der Standardwert für ist es false, so dass dieses feature standardmäßig deaktiviert ist. Und schließlich die Wert Ihr text-box hat sich seit dem letzten postback zum server-side-events zu feuern. Dies ist, wie die server-side-events arbeiten.
    Bitte versteh mich nicht falsch, @Alex, in diesem Stadium wäre ich bereit zu implementieren, nichts gearbeitet. Nun habe ich dein code funktioniert (ich glaube ich entfallen die OnTextChanged-Attribut zuvor) und untersuche, wie kann ich Draht mit meine benutzerdefinierten Ereignisses zum auslösen der postback in besonderen Lebenslagen.
    meinst du zum auslösen des postback für das Textfeld, auch wenn der text, der Wert ändert sich nicht? Wenn ja, müssen Sie analysieren, post-Daten manuell (z.B. in Page_Load), und rufen Sie dann txtSearch_TextChanged auch manuell.
    Nein, ich habe eine benutzerdefinierte Funktion, wobei eine Grenze für die Anzahl der Zeichen, die eingegeben werden, und dann ein timeout passiert, um zu sehen, ob der Benutzer zur Eingabe von mehr Zeichen (jeder Tastendruck setzt den timer). Erst danach geht es zu einem postback stattfindet. Wir haben eine Ajax-Control-Toolkit Extender, der dies Tat, und dies ist, was ich jetzt ersetzen.

    InformationsquelleAutor Alex

  2. 1
    function initTxtBox(){  $('#<%=txtBox.ClientID%>').on('keyup change', function() {setTimeout('txtpostback()', 0); return false;});}
function txtpostback(){__doPostBack('" + txtCadastreNumber.UniqueID + @"','');
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(initTxtBox);

    Set auotpostback-Eigenschaft auf false festlegen, die für Ihre txtbox und AutoEventWireup="true" für Ihre Steuerungs-oder page-Deklaration.
    OnTextChanged event server-Seite wird auch funktionieren.
    wenn Sie nicht mit jquery in Ihr Projekt, lassen Sie mich wissen, und ich gebe dir ein paar javascript-Beispiel ohne jquery mit.

    Danke Boris, aber das funktioniert nicht für mich. Ich habe jetzt <asp:TextBox ID="txtSearch" AutoPostBack="False" runat="server" Value="Hallo Welt" /> mit <script type="text/javascript"> function initTxtBox(){ $('#<%=txtSearch.ClientID%>').auf('keyup change', function() {setTimeout("__doPostBack(dies.id,")", 0); return false;});} Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(initTxtBox); </script> am unteren Rand der Seite. Ich habe versucht, dein script genau wie es ist, aber Firefox hat mir eine "Useless setTimeout call", also wickelte ich __doPostBack in Anführungszeichen. Drücken einer Taste bewirkt jetzt, dass ein refresh.
    Ok. Jetzt überprüfe ich es in meinem Projekt
    ja du hast Recht, Fehler ist vorhanden 🙂 jetzt löse ich es in mein Projekt zu. Aber postback-Ereignis entstanden ist.
    Mir ist aufgefallen das Bearbeiten vorgenommen werden mussten, um den ID-parameter in der __doPostBack-Aufruf. Ich hatte Ihren aktualisierten Vorschlag, bevor ich schrieb meinen vorherigen Kommentar, und dies war es, was bewirkt, dass die Seite aktualisieren/neu laden; es immer noch nicht auslösen, das TextChanged-Ereignis.
    Ich veränderte Skript. Jetzt funktioniert es ohne Fehler im FF. Sie können es verwenden, ohne seTimeout() ( ich muss es in meinem Projekt). Ich habe zu tun einige Aktionen, bevor postback zu. Und OnTextChanged-event auf server-Seite feuert im meinem Fall.

    InformationsquelleAutor Boriss Pavlovs

Schreibe einen Kommentar