Tab-uri ale interfeței de utilizare

plugin File vă permite să activați elementul selectat în sistemul filă care ajută să împartă informațiile în mai multe blocuri, oferind acces ușor la fiecare dintre ele și de a salva spațiu pe pagină. (Pentru aceste scopuri, există un alt plugin - Acordeon). Pentru a face sistemul fila elementului, trebuie să aibă o structură similară:

Excepția este atunci când conținutul filei este solicitată de la server (acest lucru se face automat folosind tehnologia ajax). Titlu astfel de file este definită ca:

și conținutul elementului nu este indicat deloc. Într-un singur bloc, porțiunea rabatabilă poate fi terminată, ca parte a fi încărcate:

conținutul fara succes a cererii pot fi prelucrate cu ajutorul ajaxOptions de proprietate (a se vedea exemplul „Ajax“ de mai sus).

Notă. adăugat în mod dinamic file (prin metoda .tabs ( "add".)) a fost preparat din clasa file-UI-NUM. în cazul în care NUM - numărul este incrementat cu fiecare filă nouă (creștere). Deci, dacă se întâmplă să folosească același sistem de clase în propria lor pagină, pot exista probleme.

Prelucrare eveniment
Tab-uri sunt sursa unui număr de evenimente și descrierea lor pot fi găsite în secțiunea „Evenimente“. Trei dintre ele: tabsselect. tabsload tabsshow și evenimente care au loc în timpul tranziției de la o filă la alta, și este în ordinea în care au fost enumerate.

Stivuitoare eveniment vor primi 2 parametri: obiectul de standard, eveniment pe browser-ul și obiectul suplimentar (numit cu interfață de utilizare) următoarele câmpuri:

ui.tab - element de ancorare. atribuit conținutul ui.panel fila selectată - Element cu conținutul fila selectată. ui.index - numărul tab deschis (începând de la zero).

În cazul în care evenimentul handler tabsselect returnează false. apoi comuta filele nu se va întâmpla. Acest lucru poate fi util, de exemplu, atunci când filele de comutare poate fi rezolvată numai după completarea datelor de formă în fila curentă.

↓ Numele proprietății: tipuri de valoare (implicit)

Descrierea proprietății în documentația oficială este ambiguă - sunt descrise separat, o dată două proprietăți contradictorii cu acest nume. Dar se pare că descrierea corectă este:

Această proprietate poate fi setat cu o serie de numere de file, care ar trebui să fie disponibile pentru selecție.

În cazul în care conținutul filelor vor fi încărcate de pe server (folosind ajax), atunci (puteți vedea în .ajax $ () pe aceste setări) în această proprietate, puteți specifica setările pentru a efectua aceste ajax-cereri.

Această proprietate determină dacă să cache fila conținutului descărcat, în cazul în care a fost solicitat de la server. În cazul în care valoarea fals. conținutul va fi încărcat de fiecare dată când deschideți fila de la distanță. Dacă este adevărat, conținutul tab-ul va fi încărcat o dată - în momentul primei deschideri (așa-numita „încărcare leneș“).

Rețineți că cache-ul descris organizat jQuery UI resurse. Dacă doriți să solicitați nu în cache la nivel de browser, trebuie să dezactivați corespunzătoare ajaxOptions de configurare cache.

Dacă setați această proprietate la true. va fi posibil pentru a dezactiva toate filele. Pentru a face acest lucru, pur și simplu faceți clic pe titlul fila deschisă în prezent (a se vedea. Exemplu „închide toate filele“ de mai sus).

Acesta vă permite să stocați într-o valoare a cookie ultima filă deschisă pentru data viitoare când deschideți aceeași filă (a se vedea. Exemplu „Utilizarea unui cookie“ de mai sus) a fost de pagini deschise. Utilizați cookie-uri numai prin conectarea unui dispozitiv special. Setările pentru cookie-uri, trebuie să specificați obiect setări funcționează modulele cookie. Setări disponibile:

Începând cu jQueryUI-1.7 în setările, puteți specifica, de asemenea, numele de cookie-uri în numele proprietății.

Învechite cu jQueryUI-1.7 facilitate. Utilizați în schimb pliabil.

puteți specifica în caz, evenimentul de orice tip ar trebui să apară pe elementul antet filă pentru ao deschide.

Descrierea proprietății în documentația oficială este foarte incompletă, astfel încât în ​​plus față de transferul de observații personale adăugat experiență cu plug-in, cu toate acestea, este posibil ca lipseste ceva.

Această proprietate specifică tipul de animație utilizat în ascunderea și aspectul filelor, precum și durata animației. În perioada Puteți seta animația (valoarea șir „lent“, „normal“ sau „rapid“ sau un întreg - numărul de milisecunde). În mod implicit, durata egală cu „normale“. tip de animație este dată o indicație a unui regim variabil css-proprietate si schimba-l (după cum am înțeles, este doar o valoare de comutare corespunzătoare):

Dacă fila de la distanță, elementul său de ancorare, care este, nu are nici un atribut titlu pentru a genera un id de la, un identificator ID / fragmentul este creat din acest prefix și un ID unic returnat de .data $ (el), de exemplu „file-ui -54“.

panelTemplate definește HTML-martor, care va fi folosit ca spațiu pentru conținutul filei, în cazul în care a fost creat cu ajutorul programului de completare sau de conținut la distanță de încărcare-ajax.

Specifică numărul de file deschise (numerotate de la 0). Pentru toate filele au fost închise, trebuie să specificați valoarea -1.

În această proprietate, puteți specifica textul HTML, care este folosit ca un antet filă, în timp ce descărcarea conținutului. Dacă setați această proprietate într-un șir gol, atunci conținutul timpului de descărcare, titlul filei nu se va schimba.

tabTemplate definește HTML-martor, care va fi folosit ca o zonă pentru antet fila, în cazul în care a fost creat cu ajutorul metodei add. Valorile și # # va fi înlocuit cu textul URL-ul și titlul se referă la metoda pentru a adăuga o nouă filă.

Indeparteaza toate funcționalitatea filelor plugin pentru elementele selectate.

Oprește filele plugin funcționează pe elementele selectate. Pentru a relua, este necesar să se utilizeze metoda .tabs ( „activa“).

Mufă file reia funcționarea pe celula selectată (de exemplu, după ce a fost oprit prin .tabs ( „disable“)).

Această metodă vă permite să modificați / obține plugin proprietăți file. Dacă doriți să modificați mai multe proprietăți, utilizați formularul de mai jos a acestei funcții - .tabs ( „opțiunea“, opțiuni). în cazul în care opțiunile este un obiect în format.

a fost folosit Returnează selectate din acele elemente, care se conectează file (Căutare efectuate pe o clasa-file, interfața cu utilizatorul care sunt alocate în mod automat aceste elemente).

Elimină fila care se execută sub numărul de index (numerotarea începe cu un zero file).

Face tab care se extinde sub numărul de index. activă (disponibilă pentru selecție) (ca fila inactiv, puteți utiliza metoda de dezactivare). Numerotarea începe cu 0 file.

De ieșire din starea inactivă după ce toate filele pot folosi proprietățile dezactivate:

Face tab care se extinde sub numărul de index. inactive (estompată) (ca fila activă prin utilizarea metodei de activare). Numerotarea începe cu 0 file.

Dezactivați toate filele dintr-o dată, puteți utiliza proprietăți ale persoanelor cu handicap:

Aici sunt numerele de tab-uri sunt listate în ultimul argument care devin inactive.

Deschide fila care rulează sub numărul de index. Numerotarea începe cu 0 file.

Actualizări conținutul filei se extinde sub numărul de index (adica file al căror conținut sunt încărcate prin ajax). Numerotarea începe cu 0 file.

Returnează numărul de file. Dacă există mai multe elemente selectate, returnează numărul de file, în primul dintre ele, care este un sistem de file.

Completeaza toate-interogări ajax care se execută pentru a obține conținutul file, precum și toate tab-ul de animație existente.

Începe ciclică prin toate filele. Comutarea are loc prin milisecunde ms. Opțională continuă determină dacă să continue comutarea automată este necesară, în cazul în care utilizatorul să aleagă una dintre ele. În mod implicit, acest parametru este fals.

↓ numele intern al evenimentului: numele extern