16. diel - E-shop v ASP.NET - Administrácia - AJAX vo výpise objednávok
V minulej lekcii, E-shop v ASP.NET - Administrácia - Pohľad výpisu objednávok , sme začali pracovať na funkcionalitách pre administrátorov.
V dnešnom v ASP.NET Core tutoriále, v jazyku C# .NET, budeme pokračovať v implementácii správy objednávok administrátorom. Konkrétne doplníme nové javascriptové funkcie a pripravíme tabuľku objednávok. Nakoniec do pohľadu umiestnime odkazy na skripty a celú funkcionalitu otestujeme.
Dnes budeme pracovať iba v aplikačnej vrstve,
teda v projekte Eshop
.
JavaScript
Pri zmene stavu objednávky nebudeme znovu načítať celú stránku, ale využijeme AJAX. Požiadavku na zmenu teda odošleme na server pomocou JavaScriptu. Podľa výsledku danej požiadavky následne len upravíme stránku. Docielime tak príjemnejšieho užívateľského zážitku.
Pre javascriptový kód si v priečinku
wwwroot/js/
vytvoríme nový prázdny súbor typu
JavaScript File
s názvom orderStateEditor.js
.
Funkcia appendOptions()
Výber nového stavu budeme realizovať elementom
<select>
, ktorý si spolu s potvrdzovacím tlačidlom
vytvoríme úplne v JavaScripte. Prvé si však
napíšeme pomocnú funkciu appendOptions()
na naplnenie elementu
<select>
možnosťami <option>
pre
jednotlivé stavy objednávky:
...koniec náhľadu článku...
Pokračuj ďalej
Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.
Kúpiť tento kurz
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium no-reselling II, kúpou článku súhlasíš so zmluvnými podmienkami.
Komerčný článok (licencia no-reselling)
Tento článok vznikol na základe mnohoročných skúseností v odbore a opisuje vývoj profesionálneho komerčného produktu alebo jeho súčasti, ktorú možno priamo využiť za účelom zisku alebo k preniknutiu do komerčnej sféry IT odvetvia.
Tieto vrcholové znalosti sprístupňujeme samozrejme iba niektorým členom komunity, ktorí sa majú záujem vypracovať na profesionálov v odbore a preto sú k dispozícii len za kredity. Kód z článku môžete použiť pre jeden svoj komerčný projekt. Nie je ho však možné prepredávať (raz zakúpiť a následne predať ďalej v niekoľkých projektoch). Ak potrebujete širšie využitie kódu, radi sa s vami dohodneme na komerčnej licencii. Viac informácií nájdete v článku Licencia.
Ste pripravení stať sa profesionálmi v odbore? Stačí kliknúť.
Popis článku
Požadovaný článok má nasledujúci obsah:
V ASP.NET Core tutoriále dokončíme funkcionality pre administrátorov, ktorí budú môcť sledovať objednávky a meniť ich stav. Použijeme JavaScript aj AJAX.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.