Difference between revisions of "Demo homepage"
| Line 6: | Line 6: | ||
</div> | </div> | ||
| − | + | ||
var dropDown = new OO.ui.DropdownWidget( { | var dropDown = new OO.ui.DropdownWidget( { | ||
label: 'Dropdown menu: Select one option', | label: 'Dropdown menu: Select one option', | ||
Revision as of 04:46, 22 December 2022
Evidyaloka Welcomes you!!
var dropDown = new OO.ui.DropdownWidget( {
label: 'Dropdown menu: Select one option',
// The menu is composed within the DropdownWidget
menu: {
items: [
new OO.ui.MenuOptionWidget( {
data: 'a',
label: 'First'
} ),
new OO.ui.MenuOptionWidget( {
data: 'b',
label: 'Second (disabled option)',
disabled: true
} ),
new OO.ui.MenuOptionWidget( {
data: 'c',
label: 'Third'
} ),
new OO.ui.MenuOptionWidget( {
data: 'd',
label: 'The fourth option has a long label'
} ),
new OO.ui.MenuOptionWidget( {
data: 'e',
label: 'Fifth'
} )
]
}
} ),
// Trigger an event when an item in the menu is selected. itemSelected = function(){ console.log( 'item selected' ); };
// Append the menu to the DOM. $( document.body ).append( dropDown.$element );
dropDown.getMenu().on('select', itemSelected); </htmltag>
