DataGrid w PHP

Gabriel HabrynEmpathy – Internet Software House

www.empathy.pl

Tematy

De!nicja i przykłady Funkcjonalność Wyzwania i rozwiązania

Zdjęcie: http://www.sxc.hu/photo/1330826

De!nicja i przykłady

www.empathy.pl

Co to jest DataGrid?

De!nicja

www.empathy.pl

Element interfejsu gra!cznego przedstawiający dane tabelaryczne.

www.empathy.pl

Przykłady i zastosowania

Przykłady

www.empathy.pl

Panel administracyjny

Przykłady

www.empathy.pl

Lista produktów

Zastosowanie

www.empathy.pl

• Panel administracyjny

• Lista produktów

• Komentarze na blogu

• Inne..

www.empathy.pl

Zalety

Zalety

www.empathy.pl

• Proste wykorzystanie kodu

• Łatwa personalizacja widoku

Zdjęcie: http://www.sxc.hu/photo/1318192

Zalety

www.empathy.pl

Zalety

www.empathy.pl

Zdjęcie: http://www.sxc.hu/photo/1328837

Funkcjonalność

Podstawowa funkcjonalność

www.empathy.pl

• Sortowanie• Filtrowanie

• Stronicowanie

Rozszerzona funkcjonalność

www.empathy.pl

• Grupowanie

• Struktura hierarchiczna

• Edycja wierszy i komórek tabeli

• Akcje grupowe

Rozszerzona funkcjonalność

www.empathy.pl

• Grupowanie

• Struktura hierarchiczna

• Edycja wierszy i komórek tabeli

• Akcje grupowe

www.empathy.pl

Rozszerzona funkcjonalność

• Grupowanie

• Struktura hierarchiczna

• Edycja wierszy i komórek tabeli

• Akcje grupowe

www.empathy.pl

Rozszerzona funkcjonalność

• Grupowanie

• Struktura hierarchiczna

• Edycja wierszy i komórek tabeli

• Akcje grupowe

Zdjęcie: http://www.sxc.hu/photo/1250083

Wyzwania i rozwiązania

Elastyczność

www.empathy.pl

• DRY

• Różne typy danych(PostgreSQL, XML...)

• Dowolny sposób wizualizacji danych(HTML, JS, CSV...)

Zdjęcie: www.kalorynka.pl

Elastyczność

www.empathy.pl

• KISS

• Wzorce projektowe

• Wyobraźnia ;)

Elastyczność - rozwiązanie

Zdjęcie: www.kalorynka.pl

Wyobraźnia

www.empathy.pl

Rozwiązanie dedykowane, www.treegrid.com

Typy danych - cel

www.empathy.pl

• PostgreSQL, CSV,XML,…

• Doctrine ORM,…

Typy danych - cel

www.empathy.pl

• Adapter

Układ wizualny- cel

www.empathy.pl

• Personalizacja

Zdjęcie: laksa.pl

Układ wizualny- rozwiązanie

www.empathy.pl

www.empathy.pl

Podsumowanie

Zdjęcie: http://www.sxc.hu/photo/1331098

Dziękuję

g.habryn@empathy.plwww.empathy.pl/facebook

Nasz blog

www.empathy.pl

www.imagineblog.plTechnologie internetowe bez tajemnic