Pomocí AJAX

Po zavedení AJAX, jak vidíme tvář smysl potenciál této nové technologie. Vytvoříme jednoduchou aplikaci s stránka obsahu, který bude klást UpdatePanel. Apagina poté vloží dvě značky, které ukazují datum a čas načtení stránky, ale dáme štítku uvnitř "UpdatePanel a jeden venku, jak částečnou aktualizaci stránky.

Tak jsme se vytvořit nové webové stránky a přidat ScriptManager ovládací Default.aspx formulář (umístěný ve složce Rozšíření AJAX kartě Toolbox), který je nutný pro řízení AJAX ovládání umístěné na formuláři. Obvykle tato kontrola je umístěna mimo tagu div, že Visual Studio vytvoří automaticky. Po zahrnutí této kontroly v naší stránce máme situaci, jako je tento

Nyní vložte popisek v naší formě a denominiamola LabelDataOraLoad. Vložení tlačítka

Otevřete soubor a upravit ebento Default.aspx.cs Page_Load tak, aby štítek zobrazuje aktuální datum a čas

 protected void Page_Load (object sender, EventArgs e)







 {



  



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







 }

Začínáme vytvářet aplikace a několik příspěvků zpět, kliknutím na tlačítko několikrát. To, co pozorujeme, je, že hodnoty se mění s každým stisknutím tlačítka.

Na tomto místě, přidejte UpdatePanel řízení do strany a dáme druhý label LabelDataOraUpdate v tomto řízení

Z tohoto označení se změnit události Page_Load, takže zobrazuje aktuální datum a čas

 protected void Page_Load (object sender, EventArgs e)







 {



  



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



  



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







 }

Začínáme vytvářet aplikace a několik příspěvků zpět jako předtím. Vidíme, že označení se chovají stejným způsobem, aktualizována každý proklik

Důvodem je, že i když druhý štítek se nachází uvnitř dell'UpdatePanel akci, která způsobila postback se koná mimo tuto kontrolu. Nyní přesuňte na tlačítko v dell'UpdatePanel odstranit. Podíváme-li se vidíme default.aspx soubor, který je umístěn uvnitř značky v panelu

Budeme-li v tuto chvíli vidíme, že aplikaci kliknutím na tlačítko štítek obsahoval pouze nell'UpdatePanel je aktualizován, zatímco druhý je nastaven na hodnotu na první načtení stránky

To je proces nazýván částečnou aktualizaci pouze umění paginaperchè stránka je obnovována v reakci na konkrétní akce (klikněte na tlačítko).

To je zjevně jen malý příklad, který ukazuje potenciál AJAX, a zvu vás k prohloubení přes oficiální dokumentace ze zajímavých vlastností jiných ovládacích prvků Microsoft, jako je časovač, UpdateProgress AutoCompleteExtender, atd..

• <<Předchozí lekce
• Nápověda Index
• Další lekce>>