pixelmaven / ampersand-radio-view

An Ampersand view to display a collection of radio buttons

ampersand-radio-view

An extension of ampersand-input-view to create radio buttons.

Adds a "text" property for , and "checked" to indicate if the button should be checked at render time.

install

npm install ampersand-radio-view

example

var FormView = require('ampersand-form-view');
var RadioView = require('ampersand-radio-view');

module.exports = FormView.extend({
    fields: function () {
        return [
            new RadioView({
                label: 'Gender',
                name: 'gender',
                buttons: [
                    {
                        text: 'Female',
                        value: 'female',
                        checked: this.model.gender ? (this.model.gender == 'female') : false
                    },
                    {
                        text: 'Male',
                        value: 'male',
                        checked: this.model.gender ? (this.model.gender == 'male') : false
                    }
                ],
                required: false,
                parent: this
            })
        ];
    }
});

opts

• text (required): the text to be shown to the right of the button.
• checked (default: false): indicates if the button should be checked at render time.

Note: the standard "type" property from ampersand-input-view is hardcoded in the radio control to "hidden", so there's really no benefit to putting type: "radio" in your declaration options. Suggestion: Only use the "label" property for the first radio view in the set, and use that label as the set's label.

changelog

credits

Thanks to the Ampersand group!

license

MIT