I think what you need most is this layout.
However, searching Google is either too complicated to add subsequent radio to render, or a large box is added in fieldset mode. But what I want is the above method.
After testing, the above radio horizontal layout can be achieved. The key is to set the layout of the table and the isformfield of the radio row to true, which is especially important to set the isformfield, because panel does not belong to formfield by default, the label is not displayed even if the fieldlabel attribute is set.
The JS that generates this window is as follows:
(New Ext. Window (...{
ID: 'Hall _ addprjwindow ',
Title: 'title ',
Layout: 'fit ',
Width: 500,
Height: 300,
Buttonalign: 'center ',
Closeaction: 'hide ',
Modal: True,
Items :[...{
Xtype: 'form ',
Width: 400,
Frame: True,
Defaulttype: 'textfield ',
Items :[...{
ID: 'prjnm ',
Fieldlabel: 'Project name ',
Name: 'prjnm ',
Value :''
},...{
Xtype: 'panel ',
Layout: 'table ',
Fieldlabel: 'Project authorization ',
Defaulttype: 'Radio ',
Isformfield: True,
Items :[...{
Name: 'prjpermissioncode ',
Boxlabel: 'Free access ',
Value :''
},...{
Name: 'prjpermissioncode ',
Boxlabel: 'verification required ',
Value :''
}]
},...{
ID: 'prjstartupdate ',
Fieldlabel: 'expected start date ',
Name: 'prjstartupdate ',
Value :''
}]
}],
Buttons :[...{
Text: 'create a new Project ',
Handler: function ()...{
}
}]
}). Show ();
