Browse by Tags
All Tags »
jQuery (
RSS)
Metadaten im Markup, welches man für Javascripts brauchte, hatte man meist in CSS Klassen, rel Attribut oder Hidden-Inputfeldern gesteckt. Mit den HTML5 data-* (gesprochen “Data dash”) Attributen gibt es jetzt einen saubereren Weg für dieses Szenario. Was kann man mit diesen Attributen machen und wie sieht das Markup aus? Wer im Javascript bestimmte Daten braucht, ... Read More...
Als ich letzthin die Anforderung hatte, einen file upload in mvc zu machen, habe ich vergebens nach ein @Html.FileUpload oder Ähnliches gesucht. Die Erkenntnis : So etwas gibt es in MVC nicht, da man es auch nicht braucht. Im Prinzip geht ein FileUpload sehr einfach und zwar so: <form id="myForm" method="post" enctype="multipart/form-data"> <input type="file" id="FileInput" name="FileInput" /> </form> Serverseitig kann man im Controller über Request.Files["FileInput"] auf die Datei zugreifen. Wichtig hierbei ist der enctype des form elements. Mit Angabe des Wertes "multipart/form-data" wird der Inhalt einer jeden Datei in eine getrennte Sektion...
Teil 1: ASP.NET Mvc 3 unobtrusive validation Teil 2: Unobtrusive validation - Clientseitige Adapter Teil 3: Unobtrusive validation - Eigene Adapter erstellen Grundsätzlich gibt es serverseitig zwei Möglichkeiten die eigenen Attribute für die Validierung zu Gestalten: Implementierung einer Basisklasse wie RegularExpressionAttribute sowie des Interfaces IClientValidatable Implementierung einer Basisklasse wie RegularExpressionAttribute und den Einbau eines DataAnnotationsModelValidator Im Prinzip hat der letzte Post gezeigt, dass ein jQuery Adapter die Konvertierung von HTML5 Attributen in die für jQuery kompatiblen Metadaten vornimmt. Diese HTML5 Attribute haben alle die selbe Form: data-val-<xxx> Als Beispiel gibt es bereits vordefinierte...
Teil 1: ASP.NET Mvc 3 unobtrusive validation Teil 2: Unobtrusive validation - Clientseitige Adapter Teil 3: Unobtrusive validation - Eigene Adapter erstellen Wie bereits im letzten Post beschrieben, gibt es seit der dritten Version des MVC Frameworks die Möglichkeit, Formular Validierungen über HTML 5 kompatible Attribute zu machen. Diese werden clientseitig über Adapter umgesetzt, die die entsprechenden Parameterwerte aus den HTML 5 Attributen in die für jQuery Validate vorgesehenen Metadaten konvertieren. In diesem Post wird nicht genauer auf das jQuery Validate Plugin eingegangen, sondern mehr über die Logik und Konvertierungsmechanismen der Adapter. Mehr Informationen zu jQuery Validate finden sich hier . Als weiteres, für den Post relevanteres...
In dieser dreiteiligen Postreihe wird gezeigt, wie sich ab ASP.NET Mvc 3 die Validierung von Formularen geändert hat, welche Vorteile sie mit sich bringt und wie die Validierung mit eigenen Regeln erweitert wird. Teil1: ASP.NET Mvc 3 unobtrusive validation Teil2: Unobtrusive validation - Clientseitige Adapter Teil3: Unobtrusive validation - Eigene Adapter erstellen Bereits in MVC2 gab es eine client und serverseitige Validierung für Models . Standartmäßig für den Client mit ASP.NET Ajax, aber auch mit einer kleinen jQuery Erweiterung machbar. Bereits durch dieses Verfahren wurde der serverseitige Teil (Durch den Einsatz von DataAnnotations) vom Clientseitigen entkoppelt. public class Mandant { [Required(ErrorMessage = "Name is required...
Im ersten Teil dieser Session führt Dino Esposito (Managed Design) uns in die jQuery UI ein, beschreibt den Umfang von jQuery und jQuery UI und warum jQuery so populär geworden ist und was nötig ist um jQuery zu nutzen, sowie die Vorteile der Verwendung von jQuery UI. Anhand des DatePickers beschreibt Dino in einer Demo die Funktionsweise und die Möglichkeiten von jQuery UI. Im zweiten Teil zeigt Dino in vielen Demos die Verwendung der Tabs, des Accordions und den Dialogs. Die Erstellung der Tabs erfordert etwas mehr Aufwand als der DatePicker, da die Infrastruktur für die Tabs im Dom erst aufgebaut werden muss (siehe auch hier: http://docs.jquery.com/UI/Tabs ). Natürlich ist der Aufwand auch nur minimal und nicht zu vergleichen mit der manuellen...
Wie Peter Bucher bereits in seinem Eintrag erwähnte, macht es überall dort Sinn Unit Tests einzubauen, wo das Verfahren leicht einzubauen ist, ohne sich dadurch das Leben schwer zu machen. Nicht nur für Asp.Net, sondern auch für Javascript gibt es diverse Test Suiten. Nicht gewusst? Na dann wird’s Zeit! Letztendlich ist es nicht schön, wenn auf einer Webseite immer diese lästigen Javascript Fehler auftreten und somit bestimmte Funktionen der Seite nicht mehr funktionieren In diesem Beitrag wird auf QUnit näher eingegangen. Diese wird bspw. zum Testen des JQuery Frameworks verwendet, ist „easy-to-use“ und kann eigentlich alles, was man von einem einfachen Testing Framework erwartet. Zum starten braucht es nicht viel: Einfach die qunit.js und...
Dass mit diversen Techniken clientseitig über Javascript serverseitige Funktionen aufgerufen werden können ist nichts Neues. Doch welche Technik überzeugt und welche passt am besten? In diesem Artikel werden drei grundlegende Vorgehensweisen erläutert und miteinander verglichen: Das Updatepanel , das Callback und der clientseitige Webservice Aufruf . Dazu gibt es jeweils ein kurzes Beispiel. Das Updatepanel – Segen oder Fluch? Immer wieder wird über folgende Wörter gestolpert: „böses Asp.Net Updatepanel…“. Doch warum wird es dann oft verwendet und vor allem: warum ist es böse? Grundsätzlich entspricht das Updatepanel dem traditionellen Postbackmodell – eine Anforderung ist immer noch ein vollständiges Postback. Das Formular wird inklusive Viewstate...
Von Antonio Lupetti gibt es ein recht ausführliches jQuery Cheat Sheet zum kostenlosen Download. Das Cheaat Sheet enthält eine Übersicht über die wichtigsten jQuery Funktionen, sowie jQuery Selektoren und einige Beispiele zur Anwendung der Funktionen: http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html Read More...
Die Übergabe komplexer Objekte an einen Webservice per Json Serialisierung ist grundsätzlich relativ einfach, hin und wieder jedoch etwas tricky. Warum jQuery und warum Json? Ich bin ein großer Fan von jQuery. Der Webservice Aufruf erfordert keine Einbindung eines ScriptManagers und ist in weniger als 10 Zeilen Code geschrieben. Die Datenmenge durch Json Serialisierung ist sehr gering. Bspw. könnte ein Grid mit 1000 Datensätzen etwa 200KB an Daten enthalten. Json Serialisierte Webservice Methoden erfordern zwingend: Einen HTTP Post request Den Header: "Content-Type: application/json; charset=utf-8" dies hat allerdings den Sicherheits- Vorteil, dass die Methode nicht über <script src="http://www.domain.de/Webservice.asmx/Methode">...
More Posts
Next page »