jQuery and ASP.NET AJAX Demo Code

Thank you to everyone who came to my jQuery and ASP.NET AJAX PDC talk!  As promised, I've added a link to the demo code from the talk to this blog entry.

There are three separate downloads:

jQuery Demos -- Contains sample code that demonstrates how to use jQuery selectors, animations, and plug-ins.

PhotoGallery Application -- Contains a simple Photo Gallery application in which photos are fetched by making Ajax calls to a web service. Demonstrates using the new Client Side Templates features of ASP.NET AJAX.

MovieDatabase Application -- Contains an ASP.NET MVC application that uses jQuery and Ajax. Demonstrates how to build applications that support graceful degradation. This application works with both JavaScript enabled and JavaScript disabled.

And here's the Power Point from the talk:

 

Presentation -- Contains the Power Point presentation.

Finally, here is the link to the recorded talk at Channel 9:

http://channel9.msdn.com/pdc2008/PC31/ 

 

Thanks again!

If you liked this blog post then please Subscribe to this blog.
posted on Wednesday, October 29, 2008 11:51 PM | Filed Under [ AJAX ASP.NET JavaScript Talks ]

Comments

Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by chris.bannon
on 10/30/2008 1:08 AM

Wow, I never thought I would see jQuery tutorials on ASP.NET! I am so happy to see it. I have been doing a ton of work with ASP.NET and jQuery together and even threw together an animation library in ASP.NET that extends jQuery UI Effect. You can get it here.

http://www.hushhushmedia.com/page/RIAnimation.aspx

Kudos on the great jQuery samples Stephen. I made a shopping cart jQuery demo here:

http://labs.hushhushmedia.com/rianimation/demo/
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Chitresh Partap Singh
on 10/30/2008 5:09 AM

The pic is nice... which brought me to your website.. den i read about you in the about section and found myself correct that you must be a philosopher... Nice to hear that.. As these days logical people are less and more geeks are there in this field... Anyway keep up the good work
:-)
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Alex Chang
on 10/30/2008 7:03 AM

Hi Stephen,

Excellent, excellent presentation on ASP.NET & jQuery yesterday. I can honestly say that it was one of great presentations that I've attended at PDC so far. Thanks again.

One question - the link to the PhotoGallery demo code doesn't seem to be there. Could you provide that as well? I would like to show your demo to some of the developers that I am working with.

Thank you!

Alex
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by panjkov
on 10/30/2008 7:27 AM

Stephen, link to second download (Photo gallery) is dead.
Can you post your ppt too?
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by http://
on 10/30/2008 10:39 AM

Does this use the mvc beta fom 15th oct?
I keep getting the following error 'Could not load type 'System.Web.Routing.StopRoutingHandler' from assembly 'System.Web.Routing, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35'.'
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by http://
on 10/30/2008 1:36 PM

Do you by any chance have a recording (video) of the PDC talk? For the less fortunate of us who could not attend...
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Stephen Walther
on 10/30/2008 2:36 PM

Apologies everyone for not getting the photo gallery code up -- I'm running into issues with my blog software. I hope to get the problem resolved soon.
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Stephen Walther
on 10/30/2008 2:49 PM

@panjkov -- I added a link to the power point -- thanks for your interest!
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Stephen Walther
on 10/30/2008 2:53 PM

@redsquare -- The sample code uses MVC Beta 1, the version that you can currently download from www.ASP.net/MVC. I suspect that the difference between your computer and mine is that I have Visual Studio Service Pack 1 installed. You don't need Service Pack 1 to use MVC. However, you will need to add references to each of the assemblies in the Program Files\Microsoft ASP.NET\ASP.NET MVC Beta\Assemblies folder (and remove the references to the ones in the GAC).
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by geek50
on 10/30/2008 7:01 PM

Hi Stephen,

Excellent, excellent presentation on ASP.NET & jQuery yesterday. I can honestly say that it was one of great presentations that I've attended at PDC so far. Thanks again.

One question - the link to the PhotoGallery demo code doesn't seem to be there. Could you provide that as well? I would like to show your demo to some of the developers that I am working with.

Thank you!

Geek50
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by http://
on 10/31/2008 4:58 PM

Stephen,

I'm seeing this error on compile - It is an error to use a section registered as allowDefinition='MachineToApplication' beyond application level. This error can be caused by a virtual directory not being configured as an application in IIS.

I can browse directly to the web - click on any of the 4 links - but nothing shows up - any clue?

Best,
Doug
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by http://
on 10/31/2008 5:06 PM

For the MovieDatabase app, selecting any category from the dropdown list and clicking on the select button takes me to

http://localhost/Home/IndexNoJavaScript

I tried on both Firefox and IE. Both browsers have JS enabled. Can you help? Thanks.
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Stephen Walther
on 10/31/2008 9:59 PM

@Doug -- Make sure that you open the website at the right folder level. The App_Data folder should be in the root of the website.
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Stephen Walther
on 10/31/2008 10:01 PM

@Douglas -- Hi Douglas. Make sure that you use the HomeAjax version instead of the Home version. In other words, request /HomeAjax in your browser address bar to get the Ajax version of the application.

Let me know if you still run into issues.
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by http://
on 11/6/2008 11:33 AM

Hi,
It's very helpful but i am getting Error PhotoService is undefined!!

Is any other configuration settings to run this?

Thanks
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by gbogea
on 11/8/2008 11:09 PM

Hey Stephen, I tried the Visual Studio JQuery file today and it works great!
Just wanted to say that Microsoft's approach to work with JQuery without forking it is really good news. It shows that Microsoft is really willing to work with the community and this will only bring more and more people to it's side.
Great work!
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by http://
on 11/10/2008 9:43 AM

i have just downloaded all your demos.but i really wondring why do we need script manager in all the page.. if its for pageLoad() event... jquery provides with the rich ready handler.. hope tats more than enough rather than downloading 19 js files using script manager
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by http://
on 11/11/2008 4:39 PM

I'm getting this same error message which was mentioned by "goldenfish"-- has this been answered somewhere?

thanks.
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by http://
on 11/11/2008 4:58 PM

oops- forgot to mention error message is "PhotoService is undefined."
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by http://
on 11/12/2008 2:15 AM

Stephen,
Great presentation, Do you mind if I use your powerpoint to present your presentation at our (Rockville) .NET users group?
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by http://
on 11/13/2008 4:23 AM

If you get "PhotoService is undefined.", you might need to install .NET 3.5 Service Pack 1
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Dmitry
on 11/16/2008 6:36 PM

Yes! I found the video of this action - http://channel9.msdn.com/pdc2008/PC31/
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Stephen Walther
on 11/17/2008 12:43 PM

@John -- Absolutely, please feel free to use my slides and demo code to present on jQuery!
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by longmatch
on 12/12/2008 4:21 AM

I started learning ASP.NET from your wonderful book and I just touched Jquery recently and worry how to use Jquery in asp.net. Your talk was excellent. Thanks

Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Brian Kim
on 12/17/2008 5:55 AM

Thanks. I really enjoyed your PDC talk.
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Iván
on 12/17/2008 1:45 PM

Thank you for the presentation, I just watched the video. Great examples, great speech. You did a very good work on it. My knowledge of jQuery improved by far just with that hour of watching.
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Bob Armour
on 1/6/2009 4:31 AM

Stephen,

Thanks for the concise and informative talk - it's really helped to understand how to wire MVC, AJAX & jQuery together.

One tip that you may find useful (apologies, if you already knew this, but most people don't)

When you used 'Alt+Tab' to switch between applications (about 30 mins in to the presentation), you overshot and had to step through the entire list, in order to get back to where you intended to be. Next time you do this, simply press 'Shift+Alt+Tab' to step through the apps in reverse order.
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Tech2Update
on 1/18/2009 11:55 PM

excellent article
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Sudhir
on 2/9/2009 1:03 AM

For peoples searching information related to using JQuery with ASP.NET here is link to useful resources.
tips.developersvoice.com/...-aspnet-resources.html
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Computer
on 3/9/2009 6:30 AM

Please let me know as soon as possible that can I use JQuery to Visual Studio 2.0.
If yes then please guide me how or suggest me books for it.
I'll be graceful if you provide concern URL for it.
If RSS Feed is not available for it please mail me at computerengineer.net(@)gmail.com .

Thanks in advance.
(Knowledge is Free- Share it)
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by appofeng
on 3/17/2009 8:52 PM

thanks a lot .I'm want it after see you talk.great of you!
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Felipe Rigo
on 3/26/2009 2:34 PM

I would like to ask your permission to translate to portuguese and use your presentation jQuery and ASP.NET AJAX, presented in the PDC 2008.

I'll keep your copyright and hyperlinks to your webpage.

I want to use to a college presentation.

Thank you very much
Gravatar
# re: jQuery and ASP.NET AJAX Demo Code
Posted by Berwyn
on 7/10/2009 1:27 PM

Stephen

Great Ajax samples

Do you know of any samples of the jquery tablesorter plugin , with the tablesorter.pager option being used with Microsoft Ajax DataView

Berwyn
Comments have been closed on this topic.