Tutorial: wstęp do Ext
Napisany przez admin, 30 czerwiec 2007Ten tutorial jest przeznaczony dla osób pragnących poznać bibliotekę Ext. Prowadzi on krok po kroku przez podstawy działania biblioteki i wyjaśnia jak szybko uruchomić pierwszą dynamiczną stronę. Zakładam, że czytelnik posiada już jakąś wiedzę na temat Java Scriptu oraz obiektowego modelu dokumentu HTML (DOM).
Pobierz Ext
Pierwszą rzeczą, którą należy uczynić jest pobranie biblioteki. Zawsze najnowszą wersję znajdziecie pod adresem http://extjs.com/download. Pod tym adresem znajdziecie kilka opcji do wyboru, ale na początek najlepiej będzie pobrać najświeższą stabilną wersję biblioteki Ext. Po ściągnięciu i rozpakowaniu archiwum najlepiej będzie zacząć oględziny od katalogu examples, gdzie znajdziecie przykładowe skrypty.
Zaczynamy!
Na początek przyjrzymy się najbardziej typowym zadaniom jakie wypełnia się w Java Script’cie i zobaczymy jak sobie z nimi poradzić przy pomocy biblioteki Ext. Na pierwszy ogień proponuję pobrać “zestaw startowy” IntroToExt.zip, którego użyjemy w niniejszym tutorialu. Archiwum to zawiera trzy pliki: ExtStart.html, ExtStart.js oraz ExtStart.css. Wypakuj je do katalogu bezpośrednio pod katalogiem gdzie znajduje się Ext (np. jeśli Ext znajduje się w katalogu “C:\code\Ext\v1.0″, utwórz nowy katalog w “v1.0″ i nazwij go “tutorial”). Kliknij dwa razy ExtStart.htm aby uruchomić go w przeglądarce internetowej i powinieneś zobaczyć komunikat informujący, że skonfigurowałeś wszystko prawidłowo. Jeśli otrzymałeś komunikat o błędzie Java Scriptu, wykonaj instrukcje z tej strony, aby “zmusić” skrypt do poprawnego działania.
Teraz otwórz plik ExtStart.js w swoim ulubionym IDE lub edytorze tekstu i przyjrzyj się następującemu zapisowi:
Ext.onReady(function() {
alert("Gratulacje! Prawidłowo skonfigurowałeś bibliotekę Ext!");
});
Ext.onReady prawdopodobnie jest pierwszą metodą, z której będziesz korzystał na niemal każdej stronie. Metoda ta jest automatycznie wywoływana w momencie kiedy DOM jest wczytany w całości, co gwarantuje, że dowolny element strony będzie dostępny dla skryptu. Teraz wykasuj linijkę zawierającą alert() - zaczynamy dodawać prawdziwy kod, który będzie robił coś pożytecznego! czytaj dalej »
Najnowsze komentarze