Pomocou AJAX

Po zavedení AJAX vidieť príklad navrhnutý tak, aby zmysel potenciál tejto novej technológie. Vytvoríme jednoduchú aplikáciu s stránka obsahu, ktorý bude klásť UpdatePanel. Apagina potom vloží do dvoch štítky, ktoré ukazujú dátum a čas načítania stránky, ale dáme štítku vnútri "UpdatePanel a druhý vonku, ako čiastočné aktualizácie stránky.

Tak sme vytvoriť nové webové stránky a pridať ScriptManager ovládacie Default.aspx formulár (umiestnený v priečinku Rozšírenie AJAX karte Toolbox), ktorý je nutný pre riadenie kontroly AJAX v tejto podobe. Obvykle je táto kontrola umiestnený mimo tagu div, že Visual Studio vytvára automaticky. Po zaradení tejto kontroly na našej stránke máme situácii ako je táto

Teraz vložte popisek v našej forme a denominiamola LabelDataOraLoad. Vloženie tlačidla

Otvorte súbor a upraviť ebento Default.aspx.cs Page_Load tak, aby štítok zobrazuje aktuálny dátum a čas

 protected void Page_Load (object sender, EventArgs e)







 {



  



 this.LabelDataOraLoad.Text DateTime.Now.ToString = ();







 }

Začíname vytvárať aplikácie a niekoľko príspevkov späť, kliknutím na tlačidlo niekoľkokrát. To, čo pozorujeme, je, že hodnoty sa menia s každým stlačením tlačidla.

Na tomto mieste, pridajte UpdatePanel riadenie na stránku a dáme druhý label LabelDataOraUpdate pod kontrolou

Dokonca k tomuto štítku upraviť udalosť Page_Load tak, že zobrazuje aktuálny dátum a čas

 protected void Page_Load (object sender, EventArgs e)







 {



  



 this.LabelDataOraLoad.Text DateTime.Now.ToString = ();



  



 this.LabelDataOraUpdate.Text DateTime.Now.ToString = ();







 }

Začíname vytvárať aplikácie a niekoľko príspevkov späť ako predtým. Vidíme, že označenie sa správajú rovnako, aktualizovaná každé kliknutie

Dôvodom je, že keď druhý štítku vnútri dell'UpdatePanel akcie, ktorá spôsobí, že postback sa koná mimo túto kontrolu. Teraz presuňte tlačidlo eliminovať dell'UpdatePanel vnútri. Ak sa pozrieme na default.aspx súboru, vidíme, že tlačidlo je umiestnené vnútri tagu vzhľadom k panelu

Ak budeme v tejto chvíli vidíme, že aplikáciu kliknutím na tlačidlo štítok obsahoval iba nell'UpdatePanel je aktualizovaný, zatiaľ čo druhý je nastavená na hodnotu na prvý načítaní stránky

Jedná sa o proces tzv čiastočnú aktualizáciu umenie paginaperchè len jedna stránka je aktualizovaná v závislosti od konkrétnej akcie (kliknite na tlačidlo).

To je zjavne len malý príklad, ktorý ukazuje potenciál AJAX, a pozývam vás k prehĺbeniu cez oficiálny Microsoft zaujímavé funkcie ďalších ovládacích prvkov, ako sú Timer, UpdateProgress, AutoCompleteExtender, atď.

• <<Predchádzajúci lekcie
• Nápoveda Index
• Ďalšia lekcia>>