1、Ext.form.field.CheckBox和Ext.form.field.Radio主要配置项目
2、Ext.form.field.CheckBox和Ext.form.field.Radio示例
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head runat="server"><title>Ext.form.field.CheckBox和Ext.form.field.Radio示例</title><link href="ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" /><script src="ext-4.0.7-gpl/bootstrap.js" type="text/javascript"></script><script type="text/javascript">Ext.onReady(function () {new Ext.form.Panel({title: "Ext.form.field.CheckBox和Ext.form.field.Radio示例",bodyStyle: "padding:5",frame: true,height: 150,width: 300,renderTo: Ext.getBody(),defaults: {labelSeparator: ":",labelWidth: 80,width: 200,labelAlign: "left"},items: [{xtype:"radio",name:"sex",fieldLabel:"性别",boxLabel:"男"}, {xtype: "radio",name: "sex",fieldLabel: "性别",boxLabel: "女"}, {xtype: "checkboxfield",name: "swim",fieldLabel: "爱好",boxLabel: "游泳"}, {xtype: "checkboxfield",name: "walk",fieldLabel: "爱好",boxLabel: "散步"}]});});</script></head><body></body></html>
效果图: