Tällä sivulla dokumentoidaan joitakin Confluence JavaScript-komponentteja, joita voit käyttää laajennuksessasi.

Automaattisesti täydennetyt syöttökentät

Confluence tarjoaa useita automaattisesti täydennettäviä syöttökomponentteja eri sisältötyypeille. Tarvitset vain syöttökentän rightclass-luokan. Voit myös määrittää automaattisen täydennyksen joillakin ’data-’-attribuuteilla (katso esimerkit taulukosta myöhemmin tällä sivulla).Syöttöelementin tapahtumat laukaistaan jQuery-tapahtumajärjestelmän kautta, joten asiakkaat voivat kuunnella dokumentoituja tapahtumia.

Attribuutin nimi

Kuvaus

data-…template

Malli, jota käytetään syötteen arvon täyttämiseen.

data-none-message

Viesti, joka näytetään, kun tuloksia ei palauteta.

data-max

Haun tuloksien enimmäismäärä, oletusarvo 10, jos sitä ei ole määritelty.

data-alignment

Automaattisesti täydennettävän pudotusvalikon kohdistus suhteessa syöttökenttään. Oletusarvo on ”vasen” kohdistus.

data-dropdown-target

Kohde-elementin valitsija, johon automaattisen täydennyksen ponnahdusvalikko sijoitetaan.

  • Jos sellaista ei ole määritetty, se sijoitetaan div:iin heti syöttökentän jälkeen.

data-target

Kohde-elementin valitsija, joka päivittää arvonsa data-templaten antamalla arvolla.

  • Tämä on tyypillisesti hyödyllistä silloin, kun käyttäjän koko nimi halutaan näyttää syöttökentässä, mutta käyttäjätunnus lähetetään palvelimelle, joten toinen syöttöelementti on päivitettävä.

Events thrown:

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

Tilan automaattinen täyttäminen 

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

Blogipostauksen automaattinen täydennys 

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

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

Siv. ja blogikirjoitusten automaattinen täydennys 

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

Kaiken sisällön automaattinen täydennys

Tämä sisältää sivut, blogit, tilat, käyttäjät ja liitetiedostot.

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

Käyttäjäkohtainen automaattinen täydennys

Tämä komponentti heittää käyttäjäkohtaisia tapahtumia:

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

Käyttäjän leijuttaminen

Näyttää lisätietoa käyttäjästä, kun käyttäjän linkin päälle viedään hiirellä, voit lisätä linkkitunnisteeseen luokan confluence-userlink ja data-attribuutin data-username.

Hylättyjä tapahtumia:

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

.