ExtJS中单选按钮的逻辑分组

Question

我有两个 vbox 面板。每个都是一个单选按钮。

我希望这两个单选按钮属于同一个广播组。然而，当我在extjs中查看 RadioGroup 时，它似乎表明它是一个xtype（即，像一个组件，它不能分散在其他面板上）。我不是在寻找单选按钮的 visual 分组，而是逻辑分组。

Answer 1

你可以尝试类似的东西：

        ...
        xtype : "form",
        layout : "anchor", 
        items : [ 
            {
                xtype: 'radiogroup',
                columns: 2,
                vertical: true,
                items: [
                    { boxLabel: 'Client [Pfad/Dateiname]', name: 'rb', inputValue: '1', checked: true },
                    { boxLabel: 'Server [file name]', name: 'rb', inputValue: '2'}
                ]
            },{
                xtype: 'fieldcontainer',
                fieldLabel: '',
                layout: 'hbox',
                items: [{
                    xtype: 'textfield',
                    flex: 1
                }, {
                    xtype: 'splitter'
                }, {
                    xtype: 'textfield',
                    flex: 1
                }]
            },{
                xtype: 'fieldcontainer',
                fieldLabel: '',
                // The body area will contain three text fields, arranged
                // horizontally, separated by draggable splitters.
                layout: 'hbox',
                items: [{
                    xtype : 'button',
                    text  : 'Durchsuchen',
                    flex  : 2
                }, {
                    xtype: 'splitter'
                }, {
                    xtype: 'button',
                    text  : 'Dateiauswahl',
                    flex  : 2
                }]
            }
         ]
         ....