TabWidget PDF Drukuj

Atrybuty

  • items - tablica zawierająca obiekty zakładek należących do kontrolki
  • target - element do którego ładowana jest zawartość zakładek
  • name - nazwa kontrolki wysyłana do serwera jako parametr określony w atrybucie widgetParam
  • link - domyślny adres wywoływany na serwerze przez zakładki
  • useCache - użycie pamięci podręcznej; zawartość każdej zakładki ładowana jest tylko raz; wartość false oznacza ładowanie zawartości zakładki za każdym razem kiedy zostanie wybrana (wartość domyślna: true)
  • useHash - dynamiczna zmiana adresu (patrz Uwagi) (wartość domyślna: false)
  • useSaving - zapamiętywanie aktywnej zakładki (patrz Uwagi) (wartość domyślna: false)
  • autoTextUpdate - wartość true oznacza, że odpowiedź tekstowa będzie automatycznie wstawiana do elementu target (wartość domyślna: true)
  • itemParam - nazwa parametru wysyłanego do serwera zawierającego nazwę zakładki (wartość domyślna: "item")
  • widgetParam - nazwa parametru wysyłanego do serwera zawierającego nazwę kontrolki (wartość domyślna: "widget")
  • selectFirstItem - wartość true oznacza, że pierwsza dodana zakładka zostania automatycznie wybrana (wartość domyślna: true)
  • reqConfig - ustawienia zapytań wysyłanych przez kontrolkę (patrz Uwagi) (wartość domyślna: {})
  • fading - animowana zmiana zawartości (wartość domyślna: false)
  • fadeSteps - ilość kroków animacji zmiany zawartości (wartość domyślna: 25)
  • fadeDuration - czas trwania animacji zmiany zawartości (wartość domyślna: 500ms)
  • overOpen - otwieranie zakładek po najechaniu kursorem (wartość domyślna: false)
  • overWait - czas w milisekundach jaki musi minąć od najechania kursorem na zakładkę aby została otwarta (wartość domyślna: 200ms)
  • activeClass - nazwa klasy aktywnej zakładki
  • hoverClass - nazwa klasy ustawianej po najechaniu na zakładkę
  • activeImage - ikona aktywnej zakładki
  • inactiveImage - ikona nieaktywnej zakładki
  • imageClass - klasa ikony
  • imagePosition - położenie ikony; "left" (po lewej) lub "right" (po prawej) (wartość domyślna: "left")
  • OnSelect(item) - funkcja wywoływana po wybraniu zakładki
    • item - obiekt TabItem wybranej zakładki
  • OnDeselect(item) - funkcja wywoływana przy zmianie zakładki
    • item - obiekt TabItem poprzedniej zakładki
  • OnUpdate(item, response) - funkcja wywoływana po odebraniu odpowiedzi z serwera
    • item - obiekt TabItem zakładki, której zawartość została pobrana
    • response - odebrana odpowiedź
  • OnRetrieve(item) - funkcja wywoływana przy wysyłaniu zapytania do serwera
    • item - obiekt TabItem zakładki, której zawartość jest pobierana
  • OnError() - funkcja wywoływana przy problemie w odbiorze zawartości zakładki

Metody

  • AddItem(obj, [name, type, link]) - dodaje nową zakładkę do kontrolki; zwraca obiekt TabItem
    • obj - identyfikator elementu lub element, który służyć będzie za zakładkę
    • name - nazwa zakładki wysyłana do serwera
    • type - typ pobieranej zawartości ("text", "json" lub "xml") (wartość domyślna: "text")
    • link - adres strony, skąd pobierana jest zawartość zakładki; domyślnie adres ustawiony w kontrolce jako atrybuty link
  • GetItem(name) - zwraca obiekt zakładki TabItem o podanej nazwie
    • name - nazwa szukanej zakładki
  • RemoveItem(item) - usuwa wybraną zakładkę (deaktywuje)
    • item - nazwa lub obiekt TabItem zakładki, która ma zostać usunięta
  • AddTab(obj, [name, type, link]) - identycznie jak AddItem; funkcja zachowana w celu kompatybilności z poprzednimi wersjami

Uwagi

  • Zapamiętywanie aktywnej zakładki (atrybut useSaving) polega na automatycznym wybraniu zapamiętanej zakładki po przeładowaniu strony (mechanizm oparty jest na ciasteczkach).
  • Dynamiczna zmiana adresu (atrybut useHash) polega na dopisaniu nazwy aktywnej zakładki po znaku #, adres zmienia się następująco:

    http://www.przyklad.com#nazwa_zakładki

    Mechanizm ten umożliwia zapamiętywanie dynamicznych stron, ponieważ w przypadku wywołania takiego adresu automatycznie wybrana zostanie zakładka o nazwie nazwa_zakładki.
  • Domyślnie zawartość zakładek ładowana jest ze strony określonej w parametrze link w obiekcie kontrolki. W celu ładowania zawartości z innego adresu, należy przekazać ten adres podczas dodawania nowej zakładki jako argument link w funkcji AddItem. Możliwa jest także późniejsza zmiana tego adresu poprzez ustawienie atrybutu link w obiekcie TabItem.
  • Atrybut reqConfig zawiera ustawienia zapytań wysyłanych przez kontrolkę w postaci obiektu zawierającego pary "atrybut: wartość", przykładowe ustawienia:

    tabs.reqConfig = {
        username: "lorem",
        password: "ipsum",
        encoding: "iso-8859-2"
    }
 
« poprzedni artykuł   następny artykuł »