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

  • Carriage Return / Neue Zeile in Textareas

    Eine kleine Aufgabe: Jede neue Textzeile (Carriage Return/Wenn man Enter drückt ) in einer Textarea soll ein Element in einer Auflistung sein – wie mach ich das jetzt am einfachsten? Eigentlich ein grundlegendes Element im Web und der Nutzer macht bewusst Absätze – daher wäre es nur gerecht, wenn man das auch entsprechend würdigt. Kleine ...

  • image.png
    Doom, Quake, Wolfenstein & co. Source Code auf GitHub

    id Software, die Macher von Doom, Quake, Wolfenstein & co., stellen regelmäßig ihre älteren Spieltitle als Open Source zur Verfügung. Das Ganze runterzuladen fand ich bisher immer recht mühselig, allerdings gibt es seit kurzer Zeit die Sourcen auch auf GitHub. Darunter Spiele wie Doom 3, Quake 3, Wolfenstein für iOS. Wer also schon immer mal ...

  • image.png
    Twitter Bootstrap 2.0 released & “Release Präsentation”

    Wie bereits vom Twitter Bootstrap Team angekündigt wurde offiziel die Version 2.0 des UI Toolskits “Twitter Bootstrap” veröffentlich. Zudem wurden die Slides, welche bei der Release Party gezeigt wurden auch veröffentlicht: Downloads finden sich auf der Twitter Bootstrap Seite auf GitHub.

  • image.png
    Javascript zu Dart Translator

    Dart, Google Javascript Alternative, wurde vor ein paar Monaten vorgestellt und die Webentwickler Szene ist noch etwas gespalten, ob Dart nun überflüssig ist oder einfach nur cool und längst überfällig ist. Um die Sprache näher zu erläutern hat Google die grundlegenden Javascript Basics nach Dart übersetzt. Das Ergebnis ist der “Translator”. Der Name mag momentan ...

  • Twitter Bootstrap 2.0–“Beta”

    Twitter Bootstrap, ein UI-Toolkit für Web-Applikationen von Twitter, erscheint (wie bereits berichtet) demnächst in der Version 2.0. Der offizielle Release ist am 31. Januar, allerdings beginnt jetzt laut Mark Otto (einer der Hauptentwickler von Twitter Bootstrap) die intensive Test-Phase. Das heisst, das es nun offiziel auch die 2.0 Dokumentation online gibt. Im Vergleich zur aktuellen ...