De Dojo toolkit is een open source javascript library waarmee ontwikkelaars dynamische elementen aan web applicaties kunnen toevoegen.
Binnen XPages wordt deze toolkit gebruikt voor de functionaliteit van diverse controls, zoals bijvoorbeeld: Rich Text Editor, Date/time picker, Ajax type ahead, en de Partial update functionaliteit. De beschikbaarheid van de Dojo toolkit binnen XPages maakt het voor de ontwikkelaar mogelijk om rechtstreeks Dojo widgets op te nemen in zijn XPage ontwerp.
Dojo widgets in een XPage
Het volgende voorbeeld laat zien hoe u Dojo widgets kunt integreren in een XPage.
In dit voorbeeld Dojo buttons:
- Open de XPage waarop u de Dojo wilt plaatsten
- Ga naar de All Properties tab, en klap de basicscategorie uit
- Selecteer resources en click op de Add icoon.
- Selecteer xp:dojoModule en vul dijit.ProgressBar in als name voor deze resource dijit.form.Button
- Blijf in de All Properties tab, en de basics categorie en zet zowel dojoParseOnloaden dojoThemeop true
- Nu kunt u op de XPage een button control slepen.
- Om deze standaard te tonen als een dojo button volgt u de volgende twee stappen:
- Ga naar de basiccategorie van de buttons All Properties tab
- Bij dojoType vult u in dijit.form.Button en dojoUsage zet u op enable
Dojo drop-down buttons in een XPage
Met dojo kunt u ook snel mooie drop-down buttons maken. Hiervoor typt u gewoon html in de source tab van de xpage.
Voor het drop-down menu moet u nog wel bij de resources van de XPage de dojoModule
dijit.Menu opnemen.
En dit is dan het resultaat in de browser:
