OOUI/Elements

From mediawiki.org
Jump to navigation Jump to search
This page is a translated version of the page OOUI/Elements and the translation is 100% complete.
Other languages:
Bahasa Indonesia • ‎English • ‎日本語

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