OOUI/Elements/nl

This page is a translated version of the page OOUI/Elements and the translation is 100% complete.

Het meest elementaire onderdeel van de OOUI^[1]-bibliotheek wordt een element (OO.ui.Element) genoemd, een object dat een rendering in de DOM^[2] — vertegenwoordigt, bijvoorbeeld een knop of een pictogram, of iets dat zichtbaar is voor een gebruiker. In tegenstelling tot widgets hebben gewone elementen meestal geen gebeurtenissen die ermee zijn verbonden en kan er geen interactie mee worden gedaan.

Elk OOUI-element heeft een eigenschap $element, een jQuery-selectie van de gerenderde inhoud. Merk op dat OOUI het voorvoegsel $ gebruikt voor de namen van alle variabelen en eigenschappen die verwijzen naar jQuery-selecties van DOM-elementen. De eigenschap $element is uiterst nuttig en wordt bijvoorbeeld gebruikt bij het maken van OOUI-widgets en deze toe te voegen aan de DOM.

Voorbeeld

// Maak een <div></div> elementobject met de tekst "Sample Text" en CSS class "sample".
var e = new OO.ui.Element( {
	text: 'Sample Text',
	classes: [ 'sample' ]
} );

// Voeg het element toe aan de DOM.
$( 'body' ).append( e.$element );

De opgebouwde HTML ziet er als volgt uit:

<body>
	<div class="sample">Sample Text</div>
</body>

Elementen

Referenties

↑ OOUI (Object-Oriented User Interface)
↑ DOM (Document Object Model)

[ooui-1] OOUI (Object-Oriented User Interface)

[dom-2] DOM (Document Object Model)

[1]

[2]