Ez az oldal néhány, a bővítményben használható Confluence JavaScript-összetevőt dokumentál.

Automatikusan kitöltött beviteli mezők

A Confluence számos automatikus kitöltésű beviteli komponenst biztosít különböző tartalomtípusokhoz. Egyszerűen csak a rightclass-ra van szükség a beviteli mezőn. Az automatikus kitöltést néhány ‘data-‘ attribútummal is konfigurálhatja (lásd a példákat a táblázatban később ezen az oldalon).A beviteli elemen az események a jQuery eseményrendszerén keresztül lőnek ki, így a kliensek figyelhetnek a dokumentált eseményekre.

Attribútum neve

leírás

data-template

A bemeneti érték feltöltésére használt sablon.

data-none-message

A megjelenítendő üzenet, ha nem érkezik vissza találat.

data-max

A keresési eredmények maximális száma, alapértelmezett értéke 10, ha nincs megadva.

data-alignment

Az automatikus kitöltés legördülő listájának a beviteli mezőhöz viszonyított igazítása. Alapértelmezés szerint “balra” igazítás.

data-dropdown-target

A célelem kiválasztója, amelybe az automatikus kitöltés legördülőmezőt helyezi.

  • Ha nincs megadva, akkor egy div-be kerül közvetlenül a beviteli mező után.

data-target

A target element selector, amelynek értékét a data-template által megadott értékkel frissíti.

  • Ez jellemzően akkor hasznos, ha a felhasználó teljes nevét szeretné megjeleníteni a beviteli mezőben, de a felhasználónevet elküldi a szervernek, ezért egy másik input elemet kell frissíteni.

Event thrown:

  • open.autocomplete-content
  • selected.autocomplete-content

Space autocomplete 

1
<input class="autocomplete-space" data-max="10" data-none-message="No results" data-template="{name}">

Attachment autocomplete 

1
<input class="autocomplete-attachment" data-max="10" data-none-message="No results" data-template="{fileName}">

Page autocomplete 

1
<input class="autocomplete-page" data-max="10" data-none-message="No results" data-template="{title}">

Blogbejegyzés automatikus kitöltése 

1
<input class="autocomplete-blogpost" data-max="10" data-none-message="No results" data-template="{title}">

Szerk. és blogbejegyzés automatikus kitöltése 

1
<input class="autocomplete-confluence-content" data-none-message="No results" data-template="{title}">

Minden tartalom automatikus kitöltése

Ez az oldalakat is magában foglalja, Blogok, terek, felhasználók és mellékletek.

1
<input class="autocomplete-search" data-none-message="No results" data-template="{title}">

A felhasználó automatikus kitöltése

Ez a komponens felhasználó specifikus eseményeket dob:

  • open.autocomplete-user
  • selected.autocomplete-user
1
<input class="autocomplete-user" data-none-message="No users found" data-template="{username}">

User hover

A felhasználói linkre történő lebegtetéskor további információkat jelenít meg a felhasználóról, hozzáadhatja a confluence-userlink osztályt és a data-username adatattribútumot a link taghez.

A dobott események:

  • hover-user.open
  • hover-user.follow
1
<a class="confluence-userlink" data-username="admin">A. D. Ministrator</a>

.