Extjs fieldset and radio

Extjs3.3.1
A simple layout and Style
Final effect:

Specific JS Code:
 

// Initialize a single-choice button group
Var districtTypeRadioGroup =
{Xtype: 'fieldset ',
Height: 23,
FieldLabel: 'geographic statistics type ',
Width: 260,
DefaultType: 'Radio ',
Layout: 'column ',
Style: 'border: 1px gray solid; padding: 0px; margin: 0px; padding-top: 0px; padding-left: 15px ;',
Items :[
{BoxLabel: 'village-based statistics', width: 80, name: 'areateype ', inputValue: 1, checked: true },
{BoxLabel: 'By township statistics', width: 80, name: 'areateype ', inputValue: 2 },
{BoxLabel: 'county statistics', width: 80, name: 'areateype ', inputValue: 3}
]};
// Initialize a single-choice button group
Var districtTypeRadioGroup =
{Xtype: 'fieldset ',
Height: 23,
FieldLabel: 'geographic statistics type ',
Width: 260,
DefaultType: 'Radio ',
Layout: 'column ',
Style: 'border: 1px gray solid; padding: 0px; margin: 0px; padding-top: 0px; padding-left: 15px ;',
Items :[
{BoxLabel: 'village-based statistics', width: 80, name: 'areateype ', inputValue: 1, checked: true },
{BoxLabel: 'By township statistics', width: 80, name: 'areateype ', inputValue: 2 },
{BoxLabel: 'county statistics', width: 80, name: 'areateype ', inputValue: 3}
]};

Place districtTypeRadioGroup in FormPanel to display the above results;

 

 

From yhc13429826359