Music: Unterschied zwischen den Versionen
User (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
User (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
||
Zeile 7: | Zeile 7: | ||
* 192khz@24bit | * 192khz@24bit | ||
* 384khz@24bit | * 384khz@24bit | ||
// Example: A DropdownWidget that contains a menu of options. | |||
// Note that the DropdownWidget is not a menu itself, but a container for a menu. | |||
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); |
Version vom 26. Oktober 2022, 19:44 Uhr
Recorded with:
- 44,1khz@24bit - (Download as 16bit Version for CD-Audio | Download as mp3)
- 48khz@24bit
- 96khz@24bit
- 192khz@24bit
- 384khz@24bit
// Example: A DropdownWidget that contains a menu of options. // Note that the DropdownWidget is not a menu itself, but a container for a menu. 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);