NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!

Lekce 11 - Dokončení AJAX Tooltipu v ASP.NET WebForms

V minulé lekci, AJAX v ASP.NET WebForms, jsme si vysvětlili princip technologie AJAX a rozpracovali příklad, ve kterém chceme u tabulky osob načítat dodatečná data pomocí AJAXu.

Dnes příklad v C# .NET tutoriálu dokončíme.

Tooltip

K volání AJAXu a zobrazení Tooltipu s dalšími daty použijeme knihovnu jQuery. Do stránky Default.aspx přidáme potřebné reference na jQuery, jQueryUI (ta obsahuje právě tooltip) a nějaké to CSSko. Budeme odkazovat na veřejné API, nemusíme tedy do naší aplikace nic stahovat. Element <head> v Default.aspx upravme do následující podoby:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js" type="text/javascript"></script>
<script src="/Scripts/OsobaDetailTooltip.js" type="text/javascript"></script>

Poslední reference odkazuje na JavaScriptový soubor, který obstará volání AJAXu a zobrazení Tooltipu. V projektu vytvořme složku Scripts a v ní New JavaScript File s názvem OsobaDetailTooltip.

JavaScript v ASP.NET ve Visual Studio

Obsah souboru bude následující:


 

...konec náhledu článku...
Pokračuj dál

Znalosti v hodnotě stovek tisíc získáš za pár korun

Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.

Koupit tento kurz

Koupit všechny aktuálně dostupné lekce s funkcí odevzdávání úloh za pouhých 75 Kč
Aktuální stav konta 0 Kč
Koupí tohoto balíčku získáš přístup ke všem 11 článkům (11 lekcí) tohoto kurzu.

Před koupí tohoto článku je třeba koupit předchozí díl

Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Neomezený a trvalý přístup k jednotlivým lekcím.
  • Kvalitní znalosti v oblasti IT.
  • Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.

Popis článku

Požadovaný článek má následující obsah:

V tutoriálu dokončíme AJAXový tooltip v ASP.NET Web Forms a jQuery. Zmíníme se o webových metodách a webových službách. Vrátíme pole dat z C# JavaScriptu.

Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.

Článek pro vás napsal David Hartinger
Avatar
David je zakladatelem ITnetwork a programování se profesionálně věnuje 15 let. Má rád Nirvanu, nemovitosti a svobodu podnikání.
Unicorn university David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity