# all files / src/widgets/ RadioSelectWidget.js

100% Statements 7/7
100% Branches 0/0
100% Functions 1/1
100% Lines 7/7

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64

    1×

    1592×

    1592×

    1592×

    1592×

    1×
    1×
     /**
     * RadioSelectWidget is a {@link OO.ui.SelectWidget select widget} that contains radio
     * options and is used together with OO.ui.RadioOptionWidget. The RadioSelectWidget provides
     * an interface for adding, removing and selecting options.
     * Please see the [OOjs UI documentation on MediaWiki][1] for more information.
     *
     * If you want to use this within an HTML form, such as a OO.ui.FormLayout, use
     * OO.ui.RadioSelectInputWidget instead.
     *
     *     @example
     *     // A RadioSelectWidget with RadioOptions.
     *     var option1 = new OO.ui.RadioOptionWidget( {
     *         data: 'a',
     *         label: 'Selected radio option'
     *     } );
     *
     *     var option2 = new OO.ui.RadioOptionWidget( {
     *         data: 'b',
     *         label: 'Unselected radio option'
     *     } );
     *
     *     var radioSelect=new OO.ui.RadioSelectWidget( {
     *         items: [ option1, option2 ]
     *      } );
     *
     *     // Select 'option 1' using the RadioSelectWidget's selectItem() method.
     *     radioSelect.selectItem( option1 );
     *
     *     $( 'body' ).append( radioSelect.$element );
     *
     * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Widgets/Selects_and_Options

     *
     * @class
     * @extends OO.ui.SelectWidget
     * @mixins OO.ui.mixin.TabIndexedElement
     *
     * @constructor
     * @param {Object} [config] Configuration options
     */
    OO.ui.RadioSelectWidget = function OoUiRadioSelectWidget( config ) {
    	// Parent constructor
    	OO.ui.RadioSelectWidget.parent.call( this, config );

    	// Mixin constructors
    	OO.ui.mixin.TabIndexedElement.call( this, config );

    	// Events
    	this.$element.on( {
    		focus: this.bindKeyDownListener.bind( this ),
    		blur: this.unbindKeyDownListener.bind( this )
    	} );

    	// Initialization
    	this.$element
    		.addClass( 'oo-ui-radioSelectWidget' )
    		.attr( 'role', 'radiogroup' );
    };

    /* Setup */

    OO.inheritClass( OO.ui.RadioSelectWidget, OO.ui.SelectWidget );
    OO.mixinClass( OO.ui.RadioSelectWidget, OO.ui.mixin.TabIndexedElement );