在ExtJS 3中渲染自定义单选按钮

Question

我想自定义需要显示文本框的单选按钮，或者自定义单选按钮以外的日期字段而不是文本。

还有一个类似的问题， 将自定义项目添加到extjs中的单选按钮 ，但答案是ExtJs4。有人可以帮我实现类似ExtJs 3的实现吗？

我尝试使用contentEl ，但是div附加在单选输入标签下方，因此不可见。 看完Ext代码后，我尝试覆盖私有的getContentTarget函数，它似乎可以正常工作，但感觉不正确

Answer 1

这是基于ExtJs 4答案的解决方法。 代替boxLabelEl ，可以这样使用getEl().down('label.x-form-cb-label') ：

listeners: {
    render: function( radio ) {
        var boxLabelEl = radio.getEl().down('label.x-form-cb-label');
        boxLabelEl.update("");
        radio.field = Ext.create('Ext.form.field.Number', {
            renderTo: boxLabelEl,
            width: 40,
            disabled: !radio.getValue()
        });
        boxLabelEl.setStyle('display','inline-block');
    },
    change: function( radio ) {
        radio.field.setDisabled(!radio.getValue());
    }
}

这应该适用于ExtJs 3。