将自定义项添加到extjs中的单选按钮

我在extjs中有这个单选按钮组

{ xtype: 'radiogroup', flex: 8, vertical: true, columns: 1, labelWidth: 50, id: 'radio_group_id', fieldLabel: 'Group Label', items: [{ boxLabel: 'option 1', name: 'rb-auto', inputValue: 1, checked: true }, { boxLabel: 'option 2', name: 'rb-auto', inputValue: 2 }, { boxLabel: 'option 3', name: 'rb-auto', inputValue: 3, // is this somehow possible items:[{ xtype:'numberfield', // number field settings }] }, { boxLabel: 'option 4', name: 'rb-auto', inputValue: 4 }, { boxLabel: 'option 5', name: 'rb-auto', inputValue: 5 }] }, 

是否有可能在选项3旁边添加数字字段，以便在我选择单选按钮3时启用它？

或者我必须使用seaprate容器将单独的数字字段与选项3对齐？

Answer 1

例如，您可以将NumberField boxLabelEl为单选按钮的boxLabelEl 。 另一种方法是创建两个列布局，在第二列中放置标签和数字字段。

第一种方法示例： http ： //jsfiddle.net/NsbyD/2/