Formularz
Pierwszą rzeczą którą musimy zrobić to po prostu stworzyć nasz formularz, można to porównać do wpisania tagów <form> w HTML.
var form_pracownik = new Ext.form.Form({
labelAlign: 'right',
labelWidth: 175,
buttonAlign: 'right'
});
Biblioteka Ext często-gęsto wykorzystuje format JSON np. do pobierania danych do grida. Jak podaje Wikipedia “JSON (wymawiane jak imię “Jason” — jā’sən), to skrót od “JavaScript Object Notation”. Jest to lekki format wymiany danych komputerowych. JSON ma tą przewagę nad formatem XML, że może być przetworzony w języku JavaScript w łatwy sposób z wykorzystaniem wbudowanej funkcji eval() tego języka.
Pomimo nazwy JSON jest niezależnym od konkretnego języka tekstowym formatem danych. Wiele języków programowania, w tym Perl, C, Python wspierają ten format danych poprzez dodatkowe pakiety bądź biblioteki. Wśród tych języków programowania są ActionScript, C, C#, ColdFusion, E, Java, JavaScript, ML, Objective CAML, Perl, PHP, Python, REBOL oraz Ruby”.
Można oczywiście samodzielnie przygotowywać po stronie serwera skrypty, które będą nam generowały dane w potrzebnej strukturze, ale po co wyważać otwarte drzwi? Użytkownicy PHP mają tu w zasadzie dwie możliwości zależnie od wersji PHP, na której pracują.
czytaj dalej »
Ten 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).
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.
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