際際滷

際際滷Share a Scribd company logo

Using jQuery To Survive In ASP.NET Webforms World

Download as PPTX, PDF
Mohamed Meligy
Mohamed Meligy

This is mainly a tips-and-workarounds kind of a session. In which we go through different approaches in using jQuery in ASP.NET 3.5 and 4.0 applications to achieve common functionality with much better performance and UI richness without paying so many additional development hours to deliver this. Also shows how ASP.NET AJAX Library Beta can work for even further power, as well as how far tool support can give us in real world applications. In brief, we show how to use the right tool for the right job!

1 of 13
Using jQuery To Survive In ASP.NET Webforms WorldnetASP.jQueryMohamed Meligyhttp://GuruStop.NET
Who am I?2005: Blogging,http://geekswithblogs.net/Mohamed, http://weblogs.asp.net/meligy, http://GuruStop.NET2006: SilverKey Demo Day 12007: SilverKey Demo Day 22007: Several dotNETwork Gatherings2008: ITWorxCutting Edge Club2008: Several dotNETwork Gatherings2009: doeNETwork Code Camp`09Worked in SilverKey, Raya Experts TeamCurrently Working in Abu Dhabi2010: doeNETwork Code Camp`10
TopicsQuick Introduction to jQueryDemoVS 2008 IntellisenseVS 2010 IntegrationDemoWorking with ASP.NET ControlsDemoWorking with ASP.NET AJAXDemoWorking with ASP.NET AJAX Library BetaDemo
What Is jQuery?$("#myID").css("opacity",0.20);$(".myClass1,.myclass2").hide();$("table>tbody>tr:even").addClass("gridAlternate").css( {font-weight:"bold",padding:"3px"} );$("#gdEntriestr").click(function(e){ alert( $(e.target).text() );});$("<div>").attr("id","divNew").appendTo(document.body);
Introducing jQueryhttp://docs.jQuery.com/Selectors
jQuery Wrapped Object$().html().text().val().attr().append().empty()$().css().addClass().removeClass().hasClass().offset().height().width().scrollTop().scrollLeft().show().hide()$().find().is().has().not().filter().parent().closest().next()$().live().bind().click().dblclick().hover().toggle().blur().keydown().keyup().resize().mouseover().mousedown()
Visual Studio IntellisenseVisual Studio 2008RequiresManual jQuery filesVS 2008 Service Pack 1Special hot-fix fileVisual Studio 2010Default solution structurejQuery 1.3.2You still need to replace for jQuery 1.4
Using jQuery To Survive In ASP.NET Webforms World
jQuery FunctionalityFucntions$.ajax$.post,$.getJsonUI LibraryTabsModal DialogsDate Picker際際滷rSo much morePlug-in FrameworkAll kinds of modal pop-upsValidationsImage 際際滷showsSo much more U Library EffectsFade in-outBlinkSo much more
DEMO
Hosted Locally or on CDNGoogle and Microsoft host it for you on their Content Delivery Networks.BenefitsCacheBandwidthParalelism
Can fallback to local source if not available.
Where to go http://jquery.orghttp://jquery.comhttp://asp.net/ajaxlibraryhttp://asp.net/ajaxlibrary/CDN.ashxhttp://weblogs.asp.net/aspnet-teamhttp://blogs.msdn.com/webdevtoolshttp://tinyurl.com/vsdocInvesthttp://tekpub.comhttp://tinyurl.com/51-jquery-aspnetIndividual Blogshttp://encosia.comhttp://mattberseth.comhttp://GuruStop.NETEng.meligy@gmail.com

More Related Content

Using jQuery To Survive In ASP.NET Webforms World

Editor's Notes

  1. &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt; &lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt; if (typeof jQuery == &apos;undefined&apos;)document.write(unescape(&quot;%3Cscript src=&apos;/scripts/jquery.min.js&apos; type=&apos;text/javascript&apos;%3E%3C/script%3E&quot;)); &lt;/script&gt;&lt;!--------------------------------------------------------------------------------&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;if (typeof jQuery == &apos;undefined&apos;){document.write(unescape(&quot;%3Cscript src=&apos;/Scripts/jquery.min.js&apos; type=&apos;text/javascript&apos;%3E%3C/script%3E&quot;));}&lt;/script&gt;