Verwenden von WCF Data Service und JQuery zusammen zur Unterstützung von CRUD

Question

Es scheint, dass der WCF-Datendienst eine große Erweiterbarkeit in Webanwendungen schafft. Ich teste und arbeite damit wie in here gezeigt.

Ich weiß, dass ich das Ergebnis des WCF-Datenservice in den anderen .NET-basierten Anwendungen (Silverlight, WebForm, ...) verwenden kann.

Gibt es ein Framework, mit dem man direkt in HTML arbeiten kann (mit JQuery, ...)?

Zum Beispiel, wenn ich ein Formular (Erstellen, Aktualisieren, Löschen) senden möchte, sollte ich viel JS-Code schreiben. Aber es scheint, dass es einfacher sein könnte, alles zu definieren.

In this Probe sollte ich den Block unten schreiben:

$("#btnAdd").click(function() { 
    // Convert the form into an object 
    var data = { Title: $("#title").val(), Director: $("#director").val() }; 

    // JSONify the data 
    var data = JSON.stringify(data); 

    // Post it 
    $.ajax({ 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     url: "MovieService.svc/Movies", 
     data: data, 
     dataType: "json", 
     success: insertCallback 
    }); 
}); 

function insertCallback(result) { 
    // unwrap result 
    var newMovie = result["d"]; 

    // Show primary key 
    alert("Movie added with primary key " + newMovie.Id); 
} 

Und die andere Sache ist die Abfrage Daten: WCF-Datendienst Unterstützung ODATA Unterschrift abfragt und es ist toll, aber gibt es eine JQuery basierte Gitter, das unterstützen kann ODATA basierte Paging, Sortieren, Filtern, ...?

Alle Raster unterstützt JSON-Remote-Daten, aber ich möchte Paginierung und Sortierung direkt mit WCF Data Service ausführen. Ich meine, dass das Grid die URL basierend auf der Benutzeraktion erstellt und sie an den WCF-Datendienst sendet.

Answer 1

Versuchen Sie Datenjs: http://datajs.codeplex.com/ Es wird wahrscheinlich nicht alle der oben genannten lösen, aber es sollte ein guter Anfang sein.

Answer 2

‚Oder Sie können sogar http://jaydata.codeplex.com versuchen, die oben auf datajs baut und liefert JavaScript Sprache Abfragefunktionen sowie einige sehr grundlegende jqGrid Beispiel bei http://jaydata.org/examples präsentiert

Ihre obigen Beispiel wie diese mit JayData aussehen würde

var movies = new MoviesContext(...); 

$('#btnAdd').click(function() { 
    var movie = new Movie({ Title: {} Director:{} }); 
    movies.add(movie); 
    movies.saveChanges(function() { 
    alert("Movie saved with id: " + movie.Id); 
    }) 
}); 

Es gibt auch eine couple of videos Online die Verwendung

Answer 3

Wenn kommerzielle Produkte zu präsentieren sind eine Option

ist es

Infragistics Grid

Kendo UI Grid

Beide jQuery basiert.