Radio buttons inside drop-down

by psoares

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.0/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.0/dojox/grid/resources/Grid.css">
<div id="ddb"></div>

JavaScript

require([
    "dojo/dom",
    "dojo/dom-construct",
    "dijit/layout/ContentPane",
    "dijit/form/DropDownButton",
    "dijit/form/RadioButton",
    "dojo/domReady!"
], function(dom, domConstruct, ContentPane, DropDownButton, RadioButton){   

    var cp = new ContentPane({ innerHTML : 'foo'}, domConstruct.create('div'));
    var rows = domConstruct.create('div');
    var row1 = domConstruct.create('div', { 'class' : 'row' }, rows, 'last');
    var rb1 = new RadioButton({ checked : true, name : 'foo' }).placeAt(row1);
    domConstruct.create('label', { 'for' : rb1.id, innerHTML : 'value 1gkfggjfgfjkfgjgkffgkjgfkgfk' }, row1, 'last');
    
    var row2 = domConstruct.create('div', { 'class' : 'row' }, rows, 'last');
    var rb2 = new RadioButton({  name : 'foo' }).placeAt(row2);
    domConstruct.create('label', { 'for' : rb2.id, innerHTML : 'value 1' }, row2, 'last');
    
    cp.set('content', rows);
    
    var ddb = new DropDownButton({
        label : 'User settings',
        dropDown : cp
    }, "ddb").startup();
});