OOUI/Elements
< OOUI
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
- Draggable
- Draggable/en
- Draggable/fr
- Draggable/hu
- Draggable/ja
- Draggable/nan
- Draggable/nl
- Draggable/pl
- Flagged
- Flagged/en
- Flagged/fr
- Flagged/hu
- Flagged/nan
- Flagged/nl
- Groups
- Groups/en
- Groups/fr
- Groups/hu
- Groups/ja
- Groups/nl
- Lookup
- Lookup/en
- Lookup/en-gb
- Lookup/fr
- Lookup/hu
- Lookup/ja
- Lookup/nl
- de
- en
- fr
- hu
- id
- ja
- nl
- pl
- ru
References
OOUI dipelihara oleh the Design System Team.
Dapatkan bantuan:
|