Comment Feed for Channel 9 - 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 http://ecn.channel9.msdn.com/o9/previewImages/100/457123_100x75.jpg Channel 9 - 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 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! en Sat, 25 May 2013 21:14:59 GMT Sat, 25 May 2013 21:14:59 GMT Rev9 Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0

posted by LostInTangent

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633699863960000000 Wed, 11 Feb 2009 21:59:56 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633699863960000000 LostInTangent Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0
The new stuff that's comming looks great (2 way data binding and unit of work!) and was presented very well. The form of the presentation was also good so nothing but kudos Smiley

posted by buckley9

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633699875960000000 Wed, 11 Feb 2009 22:19:56 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633699875960000000 buckley9 Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 posted by joechung

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633700009020000000 Thu, 12 Feb 2009 02:01:42 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633700009020000000 joechung Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 Awesome technology, quite different to what were normally seeing with Server Controls and having ASP.NET generate the correct runtime scripts to wireup the controls for us.  As an honest comment, it seems the more fluid site like Facebook get, the more ASP.NET AJAX is trying to catch up so developers choose that technology.  It's a good thing.  I can remember a time when ASP.NET was considered what you used to build business apps, but if you wanted to build "fun" sites, you would create that in PHP because it was percieved as "less-heavy".

Also, it seems that there is plenty of "magic" going on too, if someone wanted to override a part of the pipeline, say if they use controls from vendors like Telerik?

posted by ChrisStepaniuk

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633700074240000000 Thu, 12 Feb 2009 03:50:24 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633700074240000000 ChrisStepaniuk Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 Whilst interesting I'm not sure who this is targeting.. is this for purists who want control over html? because they won't use this due to how obtrusive it is.. I think this targets the webforms developers, those that don't really care about whats under the hood, or even how the web works as such, only that they can create an app online.. but then I'm wondering if this is better to them than webforms?

posted by stevo_

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633700528860000000 Thu, 12 Feb 2009 16:28:06 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633700528860000000 stevo_ Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 That's a good question. Firstly, it's important to point out that almost that entire demo could have been done imperatively, without adding anything to the HTML unneccesarily. The declarative command bubbling (sys:command) is a feature I can choose to use, but I can achieve the exact same thing strictly in JavaScript. The same goes for the conditional attributes I used (class:odd).

While ASP.NET AJAX provides a lot of functionality in terms of working with it declaratively (as some folks like), it was developed with the mindset of using it completely unobtrusively. That said, the data templates are somewhat of a gray area. Defining the template is arguably much easier (for some) to do in HTML as opposed to within JavaScript (as other libraries do). That said, it does impose a foreign component to the HTML that isn't actually valid content (i.e. the binding expressions).

If you don't like the approach of defining your templates and bindings within the markup, you can still do that in JavaScript as well. The creation of the DataView class simply requires an element that it can bind to and repeat, so there is no reason why that element couldn't be constructed using DOM methods imperatively, as opposed to retreiving it from the actual DOM as I did in the demo.

I'll put together a demo that does this and post it later.

posted by LostInTangent

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633700784980000000 Thu, 12 Feb 2009 23:34:58 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633700784980000000 LostInTangent Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0
i especially like the binding syntax Smiley

posted by aL_

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633700851500000000 Fri, 13 Feb 2009 01:25:50 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633700851500000000 aL_ Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 so please can we know when u are thinking to make one.

posted by Reader Man1

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633703147730000000 Sun, 15 Feb 2009 17:12:53 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633703147730000000 Reader Man1 Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0
Also, the example shown in the video is one where the presentation layer and the data layer are tighly coupled.  I'm not very familiar with the EF or web services, but is it possible to have the interface bind to a custom business layer instead of the data layer?

Keep up the great work with the videos.

posted by Felixters

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633711737690000000 Wed, 25 Feb 2009 15:49:29 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633711737690000000 Felixters Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.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.

posted by spikeyz

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633779922060000000 Fri, 15 May 2009 13:50:06 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633779922060000000 spikeyz Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 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

posted by Zirc75

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633788506370000000 Mon, 25 May 2009 12:17:17 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633788506370000000 Zirc75 Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 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

posted by mensaco

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633810922150000000 Sat, 20 Jun 2009 10:56:55 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633810922150000000 mensaco Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 /// /// /// 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">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.

posted by jwize

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633820313540000000 Wed, 01 Jul 2009 07:49:14 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633820313540000000 jwize Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 AjaxRes.js is actually an artifact of the internal builds that I was using for the video Smiley If you grab the latest bits off of Codeplex, you won't need it.

posted by LostInTangent

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633825872320000000 Tue, 07 Jul 2009 18:13:52 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633825872320000000 LostInTangent Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 Yep, you'll need to include the JavaScript files. Just keep in mind that the ScriptManager control in ASP.NET WebForms was the one that was including the ASP.NET AJAX libraries for you, so once you aren't using it, you'll have to include the scripts manually.

posted by LostInTangent

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633825873130000000 Tue, 07 Jul 2009 18:15:13 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633825873130000000 LostInTangent Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 Yep, exactly. Unfortunately, because we're trying to be cutting edge with this show, stuff WILL change between an episode being published and new versions of the bits coming out Smiley

posted by LostInTangent

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633825873670000000 Tue, 07 Jul 2009 18:16:07 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633825873670000000 LostInTangent Re: 10-4 Episode 8: Pure Client-Side Development with ASP.NET AJAX 4.0 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

 

posted by Lek

]]> http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633939201130000000 Sun, 15 Nov 2009 22:15:13 GMT http://channel9.msdn.com/Shows/10-4/10-4-Episode-8-ASPNET-AJAX-40#c633939201130000000 Lek