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

【问题标题】：Render custom Radio button in ExtJS 3在 ExtJS 3 中渲染自定义单选按钮
【发布时间】：2015-05-14 11:03:43
【问题描述】：

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

有一个类似的问题Add custom item to radio button in extjs，但答案是针对 ExtJs 4。有人可以帮我解决 ExtJs 3 的类似实现吗？

我尝试使用contentEl，但 div 被附加在无线电输入标签下方，因此不可见。查看 Ext 代码后，我尝试覆盖私有 getContentTarget 函数，它似乎有效，但感觉不正确

【问题讨论】：

为什么它被评为负面？
你的问题太宽泛了。
@royhowie 它特定于一个用例。 Ext 4 中类似问题的解决方案很简单。不明白为什么它看起来很广泛
为 EXT 4 给出的答案也适用于 EXT 3.1.0..您面临的问题是什么
@BhandariS 不起作用。 boxLabelEl 在 Ext 4 中引入所以给 undefined 错误

标签： javascript extjs extjs3

【解决方案1】：

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

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。

【讨论】：