extjs radiogroup checkbox 浏览器间兼容性

来源：互联网发布：监控画面分析软件编辑：程序博客网时间：2024/06/06 00:45

radiogroup checkbox在ie,firefox,chrome中label与box之间显示空间大小不一致，

在代码中加入：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

radiobox及checkbox代码：

var auditPanel = new Ext.Panel({layout:'form',items:[{autoWidth:true,        autoHeight:true,        layout:'column',items:[{    columnWidth:.5,    layout:'form',    defaults:{width:200},    items:[{    xtype:'radiogroup',    fieldLabel: '审核',    <span style="color:#ff0000;">labelStyle:'white-space:nowrap;',    labelAlign:'right',</span>    width:170,items:[{boxLabel: '审核通过',name: 'audition',id:'audition',inputValue: 2,checked:true,listeners:{check:function(r,checked){if(checked){ Ext.getCmp('release').setDisabled(false);}else{ Ext.getCmp('release').setDisabled(true); Ext.getCmp('release').setValue(false);}}}},{boxLabel: '审核未通过',name:'audition',inputValue: 3,checked:false}]    }]    },{    columnWidth:.5,    layout:'form',    labelWidth:90,    labelAlign:'right',    items:[{    xtype:'checkbox',    id:'release',    name:'release',    fieldLabel: '审核通过并发布',    labelStyle:'white-space:nowrap;',    width:60    }]    }]},{                xtype:'textarea',               fieldLabel:'审核意见',               labelAlign:'right',                id:'auditReason',                name:'auditReason',                anchor:'70%',                maxLength:512,                msgTarget:'side'}]});

样式：

0 0