Plik element.form.js zawiera dwie metody rozszerzające możliwości klasy Element w zakresie obsługi formularzy.

getValue

Metoda getValue zwraca nam wartość danego elementu formularza. W wypadku pól input, textarea czy select (jednokrotnego wyboru) zwracana jest sama wartość, natomiast w wypadku pola select wielokrotnego wyboru jest zwracana tablica wybranych wartości.

Składnia metody jest bardzo prosta:

element.getValue();

toQueryString

Metoda toQueryString służy do zamiany zawartości pól formularza na łańcuch postaci:

nazwa_pola=wartość_pola&nazwa_drugiego_pola=wartość_pola

znany dobrze wszystkim, którzy przesyłają dane metodą GET ;]

Składnia metody jest podobna do składni getValue:

element.toQueryString();

Z tą różnicą, że element musi być odwołaniem do formularza zatem zapis będzie wyglądał następująco:

$('id_formularza').toQueryString();

Jeszcze może dodam, że plik element.form.js zawiera trzecią metodę getFormElements, która zwraca wszystkie elementy danego formularza - a nuż komuś się przyda ;) Składnia:

$('id_formularza').getFormElements()

I to by było wszystko na temat najmniejszego w grupie Element pliku ;) Dla odmiany w następnej części kursu zajmiemy się najbardziej rozbudowanym plikiem w tej grupie - element.events.js , którego zawartość pewnie już w dużym stopniu znacie z opisu pliku event.js jeszcze z mootools 1.0, ale zmiany jakie się pojawił są dość ciekawe więc wypada napisać nowy wpis ;)

Komentarze do wpisu "Mootools 1.1 - Element.Form.js":

1. Michał Górny napisał(a):
19 czerwca 2007, 08:54:44

Ja tak z ciekawości — co toQueryString() robi z plikami? < ;.

A swoją drogą, taka sama składnia (urlescape) stosowana jest nie tylko w żądaniach GET, ale również POST (tyle że wtedy nie w URL-u, tylko w „ciele” żądania).

2. Dziudek napisał(a):
19 czerwca 2007, 14:23:01

@Michał Górny – nie bardzo rozumiem o co chodzi Ci w pytaniu „co toQueryString robi z plikami ?” ;) Przecież ta metoda służy jedynie do wygenerowania odpowiedniego łańcucha znaków, który może się przydać przykładowo przy wywoływaniu zapytania AJAX ;]

A co do składni urlescape – napisałem o GET gdyż tam jest to najbardziej widoczne ;]

3. Michał Górny napisał(a):
19 czerwca 2007, 14:29:44

Chodzi mi o to: jaki to ciąg wygeneruje, kiedy w formularzu mamy pole od wysyłki plików? Bo wtedy w sumie się nieco inaczej koduje, bo jest multipart.

4. Dziudek napisał(a):
19 czerwca 2007, 14:33:31

@Michał Górny – a o to chodzi ;] Z tego co widziałem w kodzie to obsługa pola input typu file jest ominięta – obsługiwane są jedynie pola typu text, password, hidden, checkbox i radio…

Dodaj komentarz:

Textile Lite włączony ( szczegółowy opis znaczników ):
*strong* | # lista numerowana | * lista wypunktowana | _em_ | __italic__ | "link":http:// | bq. cytat.