OOUI/PHP examples/nl

Als u OOUI gebruiktː


 * in een MediaWiki-extensie, zie.
 * in een standalone PHP-project, voer  uit.

Een uitgebreidere set van de meeste PHP widget voorbeelden is beschikbaar in de broncode repository. Wanneer u de repository kloont en / of installeert met behulp van composer, kijk dan eens naar.



De bibliotheek instellen
Voordat u OOUI-widgets weergeeft, moet u de bibliotheek instellen door de volgende functies aan te roepen:

U moet ook de CSS laden:



Een knop aanmaken
Als u een knop wilt maken, gebruikt u de class. Het eerste en enige argument voor de constructor van een knop is de configuratie.

Voordat de knop wordt geconverteerd naar HTML en wordt uitgezonden, kunnen het label, het doel en de href worden gewijzigd met behulp van de methoden  en.

De knop is nu gemaakt en heeft een label met de tekst "Still click me!", maar is nog niet zichtbaar voor de gebruiker, omdat deze eerst moet worden geconverteerd naar HTML en in het document moet worden weergegeven:



JavaScript toevoegen
Het instellen van de property  zorgt ervoor dat bij het klikken op de knop een nieuwe PHP-pagina wordt geladen. Maar als u de techniek van progressieve verbetering wilt gebruiken om JavaScript-gedrag aan de clientzijde aan de knop toe te voegen, kunt u het object aan de clientzijde "infuseren" met de JavaScript-methode OO.ui.infuse. U moet de eigenschap  instellen wanneer de widget is geconfigureerd:

Vervolgens laadt u wat JavaScript aan de cliëntzijde om deze widget te verbeteren:



Het veilig gebruiken
Voor extra typeveiligheid kunt u de methode   gebruiken van het specifieke type widget dat u verwacht. Dat isː

Dit zal een exception genereren tijdens runtime als PHP en JavaScript het niet eens zijn over het widgettype van. (Op 05-2015 is dit nog niet geïmplementeerd, maar zal het in de toekomst wel zijn.)