OOUI/Elements

This page is a translated version of the page OOUI/Elements and the translation is 67% complete.
Outdated translations are marked like this.

Komponen paling dasar dari pustaka OOUI disebut elemen (OO.ui.Element), yang merupakan objek yang mewakili rendering di DOM—tombol atau ikon, misalnya, atau apa pun yang terlihat oleh pengguna. Tidak seperti widget, elemen biasa biasanya tidak memiliki event yang terhubung dengannya dan tidak dapat berinteraksi dengannya.

Setiap elemen OOUI memiliki properti $element, yang merupakan pilihan jQuery dari konten yang dirender. Perhatikan bahwa OOUI menggunakan awalan $ untuk nama semua variabel dan properti yang merujuk ke pilihan elemen DOM jQuery. Properti $element sangat berguna, dan digunakan, misalnya, saat membuat widget OOUI dan menambahkannya ke DOM.

Contoh

// Create a <div></div> element object with the text “Sample Text“ and CSS class `sample`.
var e = new OO.ui.Element( {
	text: 'Sample Text',
	classes: [ 'sample' ]
} );

// Append the element to the DOM.
$( 'body' ).append( e.$element );

HTML yang dihasilkan akan terlihat seperti ini:

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

Elemen

References