Úvod do jQuery pro vývojáře v ASP.NET
Nálepky:
Dave Ward napsal krátký úvod do frameworku jQuery zaměřený nikoliv na javascriptové vývojáře, jak bývá zvykem, ale na vývojáře v ASP.NET. Framework jQuery se totiž stává součástí ASP.NET a řada ASP.NET vývojářů se tak s ním bude přímo setkávat.
Dave se soustředí na úplné základy, ale také na využití podpory ze strany Visual Studia a pomocných nástrojů.
V následujících řádcích uvedu jak do vlastního webového projektu
přidat samotný jQuery tak aby byla podporovaná i IntelliSense nápověda
(Samozřejmě to jde i s pomocí MVC, ale pro potřeby jQuery je MVC
zbytečně velký kanón).
1. Nainstalovat VS 2008
Tohle snad nemusím komentovat :o)
2. Stáhnout a nainstalovat VS 2008 sp1
http://www.google.cz/search?…
3. Stáhnout a nainstalovat VS 2008 KB958502
http://www.google.cz/search?…
4. Vytvořit nový web projekt
File/ New/ Project/ (Project Type)Visual C#/ (VS Templates)ASP.NET Web
Application/ (Name)mujProjekt
5. Vytvořit Scripts složku
Solution Explorer/ (pravé myšítko na)mujProject/ New Folder:
“Scripts“
6. Do složky Scripts stáhnout jQuery soubory s runtime a
dokumentace
http://code.google.com/…loads/detail?…
http://code.google.com/…loads/detail?…
(na stránce http://docs.jquery.com/…ading_jQuery
)
7. Přidat oba soubory do projektu
Solution Explorer/ (pravé myšítko na)Scripts/ Add Existing Item: “
…/Scripts/…js“
8. Přejmenovat dokumentaci podle jména runtime, aby ji VS2008
poznalo
Solution Explorer/ (pravé myšítko na)“jquery-1.3.2-vsdoc2“ /Rename:
“jquery-1.3.2.min-vsdoc.js“
9. Referencovat (jen relativně, podle umístění referencujícího
dokumentu!) a použít v .aspx
Default.aspx:
<%@ Page Language=„C#“ …>
<!DOCTYPE…>
<script type=„text/javascript“
src=„Scripts/jquery-1.3.2.min.js“></script>
<html…>
<head runat=„server“>
<script type=„text/jscript“>
$(… po napsání dolaru by se měla rozbalit IntelliSense nápověda)
</script>
</head>
…
10. Referencovat (jen relativně, podle umístění
referencujícího dokumentu!) a použít v .js
Vlastni.js:
/// <reference path=„./Scripts/jquery-1.3.2.min.js“ />
$(… po napsání dolaru by se měla rozbalit IntelliSense nápověda)
Použité odkazy:
http://weblogs.asp.net/…vs-2008.aspx
http://stackoverflow.com/…intellisense
http://zdrojak.root.cz/…io-2008-sp1/
<head runat=„server“>
<script type=„text/jscript“>
$(… po napsání dolaru by se měla rozbalit IntelliSense nápověda)
</script>
</head>
* Bez chýb?