Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[Microsoft Technology Summit 2010] Bogaty interfejs użytkownika w aplikacjach ASP.NET MVC z wykorzystaniem wtyczek dla jQuery

[Microsoft Technology Summit 2010] Bogaty interfejs użytkownika w aplikacjach ASP.NET MVC z wykorzystaniem wtyczek dla jQuery

Tomasz Pęczek

October 05, 2010
Tweet

More Decks by Tomasz Pęczek

Other Decks in Programming

Transcript

  1. Bogaty interfejs użytkownika w aplikacjach ASP.NET MVC z wykorzystaniem wtyczek

    dla jQuery Tomasz Pęczek Software Development Engineer | GLOBAL Services Sp. z o.o.
  2. Agenda  Wprowadzenie  jQuery BlockUI  jQuery UI 

    jCarousel  jQuery CascadingDropDown  jTemplates  jQuery Treeview  jqGrid  Podsumowanie
  3. jQuery BlockUI  http://jquery.malsup.com/block/  Możliwość zablokowania całej strony lub

    pojedynczego elementu  Pełny wpływ na wygląd (lokalne style, zewnętrzny arkusz, jQuery UI Themes)  Zdarzenia onBlock i onUnblock
  4. jQuery UI  http://jqueryui.com/  Tematy graficzne (ThemeRoller)  Interakcje

    (Draggable, Droppable, …)  Efekty (Bounce, Explode, Pulsate, …)  Widżety (Accordion, Datapicker, Dialog, …)
  5. jCarousel  http://sorgalla.com/projects/jcarousel/  Przewijanie listy elementów w pionie lub

    poziomie  Opcja przewijania cyklicznego  Zawartość statyczna lub dynamiczna  Bogate API
  6. jQuery CascadingDropDown  http://github.com/rajkaimal/CascadingDropD own  Tworzenie „zależnych” DropDownList 

    Asynchroniczna populacja  Możliwość konfiguracji formatu danych przesyłanych w żądaniu  Zdarzenia onLoading i onLoaded
  7. jTemplates  http://jtemplates.tpython.com/  Możliwość tworzenia szablonów do generowania HTML

    po stronie klienta  Lista dyrektyw  #if  #foreach  #for  #include  #param  #cycle
  8. jQuery Treeview  http://bassistance.de/jquery‐plugins/jquery‐ plugin‐treeview/  Transformacja listy nieuporządkowanej w

    drzewo  Możliwość asynchronicznego ładowania gałęzi  Pełna kontrola nad stylami
  9. jqGrid  http://www.trirand.com/blog/  W pełni asynchroniczny  Stylowanie poprzez

    jQuery UI Themes  Stronicowanie, sortowanie, formatowanie, wyszukiwania, CRUD, TreeGrid, import/eksport konfiguracji
  10. © 2010 Microsoft Corporation. Wszelkie prawa zastrzeżone. Microsoft, Windows oraz

    inne nazwy produktów są lub mogą być znakami towarowymi lub zastrzeżonymi znakami towarowymi firmy Microsoft w Stanach Zjednoczonych i innych krajach. Zamieszczone informacje mają charakter wyłącznie informacyjny. FIRMA MICROSOFT NIE UDZIELA ŻADNYCH GWARANCJI (WYRAŻONYCH WPROST LUB DOMYŚLNIE), W TYM TAKŻE USTAWOWEJ RĘKOJMI ZA WADY FIZYCZNE I PRAWNE, CO DO INFORMACJI ZAWARTYCH W TEJ PREZENTACJI.