extjs treenode将无线组添加为节点属性

我想要这个效果

我不希望

午睡

显示为

10分钟

和

20分钟的非叶节点

显示为

午睡

节点的叶子节点

我尝试使用代码

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

儿童：[{
短信：“小睡10分钟20分钟”，
叶：是的，
},{......}]

它可以显示出我的期望。但无法工作，因为无法单击单选按钮

我不喜欢这样的菜单：

    var menu1 = new Ext.menu.Menu({
        items: [
        '<b class="menu-title">Choose Time</b>',
        {
            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]);
            }
        }
    }

var menu1=新建Ext.menu.menu({
项目：[
“选择时间”，
{
文本：“10分钟”，
核对：对，
小组：“时间”
}, {
文字：“20分钟”，
勾选：假，
小组：“时间”
}]
});
儿童：[{
文字：“去慢跑”，
叶：是的，
听众：{
“单击”：函数（节点、事件）{
x=event.browserEvent.clientX；
y=event.browserEvent.clientY；
menu1.showAt（[x，y]）；
}
}
}

extjs可以做到这一点吗

---

为方便起见，请在中演示。

不是开箱即用，您需要修改单元格渲染，这取决于版本。看起来像是Ext3？是的。我的团队使用Ext3.4。它非常旧。不是开箱即用，您需要修改单元格渲染，这取决于版本。看起来像Ext3？是的。我的团队使用Ext3.4。它非常旧。