Această pagină documentează unele dintre componentele JavaScript Confluence pe care le puteți utiliza în plugin-ul dumneavoastră.

Câmpuri de intrare cu autocompletare

Confluence oferă un număr de componente de intrare cu autocompletare pentru diferite tipuri de conținut. Pur și simplu aveți nevoie de rightclass pe câmpul de intrare. De asemenea, puteți configura autocompletarea cu câteva atribute „data-” (a se vedea exemplele din tabelul de mai târziu de pe această pagină).Evenimentele sunt declanșate pe elementul de intrare prin intermediul sistemului de evenimente jQuery, astfel încât clienții pot asculta evenimentele documentate.

Nume atribut

Descriere

data-.șablon

Un șablon utilizat pentru a popula valoarea pentru intrare.

data-none-message

Un mesaj care trebuie afișat atunci când nu sunt returnate rezultate.

data-max

Numărul maxim de rezultate ale căutării, valoarea implicită este 10 dacă nu este definită.

data-alignment

Aliniere a meniului derulant de autocompletare în raport cu câmpul de intrare. Valoarea implicită este alinierea „stânga”.

data-dropdown-target

Un selector de element țintă în care se plasează lista derulantă de autocompletare.

  • Dacă nu este specificat, aceasta va fi plasată într-un div imediat după câmpul de intrare.

data-target

Un selector de element țintă pentru a actualiza valoarea sa cu valoarea furnizată de data-template.

  • Acest lucru este de obicei util atunci când doriți să afișați numele complet al utilizatorului în câmpul de intrare, dar să trimiteți numele de utilizator la server, astfel încât un alt element de intrare trebuie actualizat.

Evenimente aruncate:

  • 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}">

Completare automată a postărilor pe blog 

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

Pagină and blog post autocomplete 

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

Autocompletarea întregului conținut

Acest lucru include paginile, bloguri, spații, utilizatori și atașamente.

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

Completarea automată a utilizatorului

Această componentă aruncă evenimente specifice utilizatorului:

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

User hover

Pentru a afișa mai multe informații despre utilizator atunci când treceți peste link-ul utilizatorului, puteți adăuga clasa confluence-userlink ș i atributul de date data-username la eticheta link.

Evenimente aruncate:

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

.