HowTo: Microsoft ASP.NET AJAX (Grundlagen)

Da ich mich momentan mit einem Neuentwurf von ShoppingMap beschäftige, will ich natürlich auch etwas Web 2.0 mit reinbringen. Da ich mich mehr oder weniger auf Microsoft Produkte eingeschossen habe, bleib ich ASP.NET treu und verwende dazu ebenfalls noch die AJAX Extensions und das Toolkit von Microsoft.

AJAX allg. möchte ich hier jetzt nicht erklären. Dafür gibt es neben dem Wiki Artikel noch genug andere Leitfäden.

Die Hauptadresse wenn es um ASP.NET geht ist natürlich Microsofts ASP.NET Website.

Ein paar kurze Sätz zu ASP.NET: Es ist die serverseitige Programmiersprache, welche in der .NET Welt für Websites und Webservices zum Einsatz kommt. Webserver für ASP.NET ist meist der IIS von Microsoft. Das Mono-Projekt hat aber glaub ich auch ein Webserver (Apache?) so umgestaltet, dass er auch für ASP.NET Seiten eingesetzt werden kann.

Nun zum eigentlichen Thema: AJAX in der ASP.NET Welt. Hauptadresse ist hier ajax.asp.net. Um es schnell einzusetzen ist es ratsam sich einfach das kostenlose Visual Web Developer oder dem für .NET Entwickler vermutlich bekannten Visual Studio.
Früher hieß das AJAX Framework für ASP.NET “Atlas”, allerdings hat Microsoft dieses “Framework” in zwei Teile geteilt:

- ASP.NET AJAX Extensions:
Mit dem Download werden die ASP.NET Anwendungen eigentlich erst mit der ASP.NET Funktionalität ausgestattet. Für andere Plattformen (PHP z.B.) gibt es eine Java Script Bibliothek zum runterladen - diese hab ich allerdings nicht getestet und kann auch nichts dazu sagen.

- ASP.NET AJAX Toolkit:
Das Toolkit ergänzt einge neue nette Controls welche nicht immer was mit AJAX direkt zutun haben. Es sind kleine, aber nützliche Kontrols, z.B. eine Autocomplete Box (wie z.B. bei Google Suggest zu sehen). Diese müssen nicht runtergeladen werden, können aber und ich würde es auch empfehlen.

Nachdem beides runtergeladen und installiert ist, hat man in seinem Visual Studio/Web Developer ein paar neue Vorlagen welche bereits die AJAX Funktionalität und das Toolkit bereits beinhalten.

Für das Toolkit ist diese Seite sehr interessant – im Prinzip werden dort alle wesentlichen Controls gezeigt. Die komplette Seite kann man von Codeplex ebenfalls runterladen.

 Dokumentation & Videos zu dem ganzen AJAX ASP.NET Thema befinden sich auf dieser Seite.
    – Direkt Link zur Dokumentation
    – Direkt Link zu den How-Do-I Lern Videos

Ein kurzer Kommentar noch, weil ich damit arge Probleme bei dem Toolkit hatte:
Verwendet beim Entwickeln einer Website immer “position: relative”. Ansonsten kann es manchmal zu Problemen bei manchen Controls kommen.

Ausblick: Wenn ich mal sehr viel Zeit habe, werd ich näheres zu den eigentlichen Controls schreiben. Leider ist das Toolkit sehr “undokumentiert” – das Webprojekt zum Runterladen beantwortet auch nicht immer alle Fragen.

Soviel erstmal dazu.

[Weiter zu Teil 2...]

Letzte Posts

  • image.png
    RavenHQ–RavenDB in der Cloud

    Ayende Rahien hat es heute verkündet – RavenHQ, der RavenDB Cloud Hoster (natürlich von und mit Ayende) ist ab heute raus aus der Beta und man kann es von überall aus nutzen. In der Betaphase waren nur Nutzer von AppHarbor zugelassen. Was ist RavenHQ? RavenHQ ist im Grunde ein gehostes RavenDB in den Rechenzentren von ...

  • image.png
    GitHub for Windows–erste Eindrücke

    Git ist schon eine tolle Sachen und eröffnet viele neue Möglichkeiten – allerdings ist der Einstieg recht hart und selbst wenn man die guten Hilfsanleitungen auf GitHub befolgt, kommt man am Anfang nur langsam vorwärt. Insbesondere ist das Tooling für Windows / .NET Entwickler auch nicht gerade “bekanntes Terrain”. GitHub to the rescue! Die GitHub ...

  • image.png
    Chocolatey–apt-get für Windows

    Durch Zufall bin ich auf das Tool “Chocolatey” gestoßen. Wer die Website sich anschaut, wird evtl. eine Verwandschaft mit NuGet ausmachen. Was macht Chocolatey? Chocolatey ist ein “Maschine Package Manager”, das bedeutet, dass man für seine Maschine einfach Tools runterladen und Updaten kann – direkt über die Konsole. Was ist der Unterschied zu NuGet? NuGet ...

  • image.png
    SASS, LESS & Coffeescript in Visual Studio mit der Web Workbench

    CSS und Javascript sind die “kleinste” Schnittmenge von allen Browsern für die Erstellung von Web-Applikationen. Leider geht dabei etwas komfort verloren, daher lieben alle Webentwickler jQuery! SASS und LESS sind zwei Varianten, wie man “schöner” CSS schreiben kann und Coffeescript versucht Javascript Entwicklung zu vereinfachen. Aber immer der Reihe nach… Was ist SASS? SASS steht ...

  • image.png
    Code-Inside Sample nun auf GitHub: Google Code zu GitHub Migration

    Seit einiger Zeit habe ich Beispielcode auf Google Code bereitgestellt. Einfach nur noch weg von Google Code O-Ton damals war: Ich hatte mich für Google Code entschieden, weil ich hoffe dass früher oder später die Google Code Suche nutzbar ist und es dadurch wenigstens ein kleiner Mehrwert entsteht. Allerdings wirft es momentan noch ein Fehler. ...

Support us!