Tato stránka dokumentuje některé komponenty JavaScriptu Confluence, které můžete použít ve svém zásuvném modulu.

Autodoplňovací vstupní pole

Confluence poskytuje řadu komponent automatického doplňování pro různé typy obsahu. Stačí mít na vstupním poli třídu rightclass. Automatické doplňování můžete také nakonfigurovat pomocí některých atributů ‚data-‚ (viz příklady v tabulce dále na této stránce). události jsou na vstupním prvku vyvolávány prostřednictvím systému událostí jQuery, takže klienti mohou naslouchat dokumentovaným událostem.

Název atributu

Popis

data-šablona

Šablona sloužící k vyplnění hodnoty pro vstup.

data-none-message

Zpráva, která se zobrazí, když se nevrátí žádné výsledky.

data-max

Maximální počet výsledků vyhledávání, pokud není definován, je výchozí hodnota 10.

zarovnání dat

Zarovnání rozbalovacího seznamu automatického dokončování vzhledem k vstupnímu poli. Výchozí hodnota je zarovnání „vlevo“.

data-dropdown-target

Výběr cílového prvku, do kterého se umístí rozevírací okno automatického doplňování.

  • Pokud není zadáno, bude umístěno do divu hned za vstupním polem.

data-target

Selektor cílového prvku, který bude aktualizovat svou hodnotu hodnotou poskytnutou datovou šablonou.

  • Toto je obvykle užitečné, pokud chcete zobrazit celé jméno uživatele ve vstupním poli, ale odeslat uživatelské jméno na server, takže je třeba aktualizovat jiný vstupní prvek.

Vyhazování událostí:

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

Prostorové automatické dokončování 

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

Automatické doplňování příloh 

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

Automatické doplňování stránek 

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

.

Automatické dokončování příspěvků v blogu 

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

Stránka a automatické doplňování příspěvků na blogu 

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

Automatické doplňování veškerého obsahu

To zahrnuje i stránky, blogy, prostory, uživatele a přílohy.

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

Uživatelské automatické dokončování

Tato komponenta vyhazuje události specifické pro uživatele:

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

User hover

Pro zobrazení více informací o uživateli při najetí na uživatelský odkaz, můžete do značky odkazu přidat třídu confluence-userlink a atribut data data-username.

Vyhazované události:

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

.