Posted By: Jonathan Carter | Feb 11th @ 12:40 PM | 65,006 Views | 17 Comments

In this episode of 10-4, we introduce some of the new features and functionality of ASP.NET AJAX 4.0. We’ll see how ASP.NET AJAX can be leveraged in a complete client-side environment, making it easier to develop rich web applications. This episode demonstrates the new client templates, data binding and command bubbling behavior that makes creating data-centric applications using JavaScript simpler. We’ll also see the new ADO.NET Data Services integration which makes performing CRUD operations, complete with change-tracking, very trivial.

For more 10-4 episodes, be sure to visit:
http://channel9.msdn.com/shows/10-4

Visual Studio Topic Area on Channel 9:
http://channel9.msdn.com/VisualStudio

Visual Studio 2010 CTP VPC:
http://tinyurl.com/GetCTP

ASP.NET AJAX 4.0:
http://www.codeplex.com/aspnet/Wiki/View.aspx?title=AJAX&referringTitle=Home

10-4! Over and out!

Rating:
3
0

Hy,

I don't see the real interest of this new programing method.
What is the interest to use Microsoft technology without a IIS server ?
Full Microsoft or not ?

I think it's just attracting php or others langages developers.

Jonathan, now that Beta 1 is off do I still need to include Ajax 4.0 JS libraries or are they included in the framework?

The reason of the question is because I tried to reproduce your sample (without addind ajax libraries) and 

sys.application is not recognized as valid ("Sys is not defined").

 

Thank you

 

Carlo

Great video. I tried to reconstruct it on my computer, but somehow can't figure out, where do I actually find the  AjaxRes.js file. I assume that might be the reason for the "Sys.InvalidOperationException: 'query' is not a property or an existing field." error message that I keep getting.

I'd appreciate a small hint. Smiley

/// 
/// 
/// 

Sys.Application.add_init(function()
{
    $create(Sys.UI.DataGrid,
    {
        alternateRowClass: "odd",
        columnExpressions: ["Title", "FirstName", "MiddleName", "LastName", "Suffix"],
        dataProvider: $create(Sys.Data.AdoNetDataContext, { serviceUri: "AdventureWorks.svc" }),
        itemPlaceholder: $get("customer-placeholder"),
        fetchOperation: "Customers",
        fetchParameters: { $top: 20, $orderby: "FirstName" }
    },
    null,
    null,
    $get("customer-list"));
    
});

I am not sure if this say anything but it might indicate that the dataview has been changed a little. Try typing this into the javascript editor to gain some insight. I got this from the samples download on msdn. http://msdn.microsoft.com/en-us/library/bb514232(VS.100).aspx

var dv = new Sys.UI.DataView();

when you type dv. the intellisense should give you some more information.

 fetchOperation: "Customers",
 fetchParameters: { $top: 20, $orderby: "FirstName" }

... would be my first guess.

Lek
Lek

Hi, thank you for a great video.

I have a little question : is it possible (and if yes, is it easy ?) to mix this kind of client side technologie with standard asp.net webcontrols (ie. with postback/viewstate/etc..) ?

 

Best regards,

 Lek

 

Microsoft Communities