Einfacher Weg zu AJAX WebControls

Question

Ich habe eine Webanwendung, die ich optimieren möchte.Einige der Steuerelemente sind im Dialogstil ausgeblendet DIVs.Daher möchte ich, dass sie nur dann über AJAX geladen werden, wenn der Benutzer sie sehen möchte.Das ist für Steuerelemente, die größtenteils literalbasiert sind (verschiedene Menüs und Widgets), in Ordnung, aber wenn ich das habe, was ich als „schmutzige“ Steuerelemente bezeichne – Steuerelemente, die umfangreiche Informationen in das schreiben ViewState, fügen Sie Unmengen von CSS oder Skripten auf die Seite ein, erfordern viele Referenzen usw. – es scheint unmöglich, diese „aus der Seite zu verschieben“, insbesondere wenn man bedenkt, wie ASP.NET auf Postbacks reagiert.

Ich habe über einen Schritt nachgedacht, bei dem ich Render überschreibe, Markierungen für die Bits finde, die ich entfernen möchte, und dort AJAX-Platzhalter einfüge, aber der Server-Overhead scheint nicht nur extrem, es fühlt sich auch wie ein kompletter Hack an.Außerdem sind hier die Dialogfelder das Schlüsselelement, die Formulare mit Validierungssteuerelementen enthalten, und ich kann mir nicht vorstellen, wie ich die Steuerelemente verschieben würde Und ihre erforderlichen Skripte.

In meiner fieberhaften Fantasie möchte ich Folgendes tun:

AJAXifier.AJAXify(ctlEditForm);

Leider weiß ich, dass das ein Traum ist.

Wie nah kann ich einer schnellen und einfachen AJAXifizierung wirklich kommen, ohne den Server zu stark zu belasten?

Answer 1

Besuche die RadAjax Steuerelement von Telerik – es ermöglicht Ihnen, die Verwendung von UpdatePanels zu vermeiden und die Menge an Informationen zu begrenzen, die zwischen Server und Client hin und her übertragen werden, indem direkte Beziehungen zwischen aufrufenden Steuerelementen und Steuerelementen deklariert werden, die „Ajaxifiziert“ sein sollten, wenn die aufrufenden Steuerelemente Postbacks senden.

Answer 2

Ich empfehle Ihnen, dieses Wochenende zu Ihrem örtlichen Buchladen zu gehen, sich eine Tasse Kaffee zu holen und jQuery in Action von Manning Press zu entdecken.Lesen Sie das erste Kapitel dieses 300-seitigen Buches im Laden und kaufen Sie es dann, wenn es Sie anspricht.

Ich denke, Sie werden überrascht sein, wie einfach Sie mit jQuery das ausführen können, was Sie hier beschreiben.Von Ajax-Aufrufen an den Server im Hintergrund bis hin zum Ein- und Ausblenden von Div-Tags basierend auf den Aktionen des Besuchers.Die Menge an Code, die Sie schreiben müssen, ist sehr gering.

Es gibt eine Menge guter JavaScript-Bibliotheken, diese ist nur eine davon, die mir gefällt, und der Einstieg ist wirklich einfach.Fügen Sie zunächst einen Verweis auf die aktuelle jQuery-Datei mit einem Tag ein und schreiben Sie dann ein paar Codezeilen, um mit Ihrer Seite zu interagieren.

Answer 3

Schritt eins besteht darin, Ihre „schmutzigen“ Teile zu eigenständigen Benutzersteuerelementen zu machen

Schritt zwei besteht darin, diese Steuerelemente in Ihre Konsumseite einzubetten

Schritt drei besteht darin, jedes Benutzerkontrolltag in sein eigenes Asp:UpdatePanel einzuschließen

Schritt vier besteht darin, sicherzustellen, dass Ihr Steuerelement die Daten erhält, die es benötigt, indem es Eigenschaften liest, die den Ansichtszustand auf bereits vorhandene Werte prüfen.Ich weiß, dass Ihr Code dadurch auf hässliche globale Variablen angewiesen ist, aber es ist eine schnelle Möglichkeit, dies zu erreichen.

Ihr Kilometerstand kann variieren.