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

时间:2015-05-14 11:03:44

标签: javascript extjs extjs3

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

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

我尝试使用contentEl,但div被添加到无线电输入标记下方,因此不可见。在查看Ext代码之后,我尝试重写私有getContentTarget函数,它似乎有效,但感觉不正确

1 个答案:

答案 0 :(得分: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()); } }

30 / PixelRatio.get()

这适用于ExtJs 3。