诡异！Extjs中CheckBox的方框显示不出来！帮忙看下


recordForm = new Ext.FormPanel({
labelSeparator : ":",
frame : true,
border : false,
height : 180,
reader : new Ext.data.JsonReader({
success : "success",
root : "data"
}, [{
name : 'depId',
mapping : 'depId'
}, {
name : 'depName',
mapping : 'depName'
}, {
name : 'depPath',
mapping : 'depPath'
}, {
name : 'depParId',
mapping : 'depParId'
}, {
name : 'depPrincipal',
mapping : 'depPrincipal'
}, {
name : 'depType',
mapping : 'depType'
}, {
name : 'depRe',
mapping : 'depRe'
}]),
items : [{
xtype : 'textfield',
fieldLabel : '编号',
width : 150,
name : 'depId',
readOnly : true
}, {
xtype : 'textfield',
fieldLabel : '部门名称*',
width : 150,
maxLength : 30,
maxLengthText : '输入内容超过最大长度！',
name : 'depName',
allowBlank : false,
blankText : "部门名称必须填写"
}, {
xtype : 'textfield',
fieldLabel : '工号首字母',
width : 150,
maxLength : 1,
maxLengthText : '工号首字母只能一个字母,子部门不需要设置！',
name : 'depPath'
}, new Ext.form.ComboBox({
fieldLabel : '上级部门',
hiddenName : 'depParId',
store : new Ext.data.SimpleStore({
fields : ['depId', 'depName'],
data : Ext.grid.depComBoBoxItems
}),
displayField : 'depName',
valueField : 'depId',
typeAhead : true,
width : 150,
mode : 'local',
editable : false,
selectOnFocus : true
}), {
//////////////////    就是这里  这里checkBox框显示不出来
xtype : 'checkbox',
checked : true,
fieldLabel : '是否小区',
labelSeparator : '',
boxLabel : '是',
name : 'depType'
}, {
xtype : 'textfield',
fieldLabel : '负责人',
width : 150,
maxLength : 20,
maxLengthText : '输入内容超过最大长度！',
name : 'depPrincipal'
}, {
xtype : 'textfield',
fieldLabel : '备注',
width : 150,
maxLength : 60,
maxLengthText : '输入内容超过最大长度！',
name : 'depRe'
}],
buttons : [{
text : '保存',
handler : submitInputForm
}, {
text : '关闭',
handler : function() {
winr.hide()
}
}]
})