extjs treenode add radio group as node property
<p>I'd like this effect. </p>

<p><a href="https://i.stack.imgur.com/6W5Jt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6W5Jt.png" alt="enter image description here"></a></p>

<p>I wouldn't like <code>Take a nap</code> show as a non-leaf node with <code>10 minutes</code> and <code>20 minutes</code> show as leaf child nodes of <code>Take a nap</code> node. </p>

<p>I try with code</p>

<pre><code>    children: [{
        text: 'Take a nap &lt;input type="radio" checked/&gt;10 minutes&lt;input type="radio"/&gt;20 minutes',
        leaf: true,
    },{......}]
</code></pre>

<p>It can show as my expection. But can not work since the radio button can't be clicked.</p>

<p>And I don't like implement with menu like this:</p>

<pre><code>    var menu1 = new Ext.menu.Menu({
        items: [
        '&lt;b class="menu-title"&gt;Choose Time&lt;/b&gt;',
        {
            text: '10 minutes',
            checked: true,
            group: 'time'
        }, {
            text: '20 minutes',
            checked: false,
            group: 'time'
        }]
    });

    children: [{
        text: 'Go jogging',
        leaf: true,

        listeners: {
            'click': function(node,event) {

                x = event.browserEvent.clientX;
                y = event.browserEvent.clientY;
                menu1.showAt([x, y]);
            }
        }
    }
</code></pre>

<p>Can extjs do this? </p>

<p>Demo In <a href="https://jsfiddle.net/aylwynlake/jymfxq13/" rel="nofollow noreferrer">jsfiddle</a>, for convenience.</p>