关于ExtJs中的datefield问题

Question

小弟在项目中使用了ExtJs的datefield
为了防止用户输入，将其设置为只读，代码片段如下：
{fieldLabel:'年龄',id:'txtAge',readOnly:true},
但是用户还是可以编辑
再设置成disabled又不合适，大家有什么好办法吗？
对了，我的Ext为3.2的版本，谢谢

Answer 1

<script type="text/javascript">
Ext.onReady(function(){
new Ext.Panel({
title:'测试',
width:300,
height:100,
layout:'form',
labelWidth:50,
bodyStyle:'padding:5px',
readOnly:true,
renderTo:Ext.getBody(),
items:[
{xtype:'datefield',width:200,fieldLabel:'生日'}
]
});
});
</script>

Answer 2

<script type="text/javascript">
Ext.onReady(function(){
new Ext.Panel({
title:'测试',
width:300,
height:100,
layout:'form',
labelWidth:50,
bodyStyle:'padding:5px',
renderTo:Ext.getBody(),
items:[
{xtype:'datefield',readOnly:true,width:200,fieldLabel:'生日'}
]
});
});
</script>
你要设置到里面不是外面的panel

Answer 3

<script type="text/javascript">
Ext.onReady(function(){
new Ext.Panel({
title:'测试',
width:300,
height:100,
layout:'form',
labelWidth:50,
bodyStyle:'padding:5px',
renderTo:Ext.getBody(),
items:[
{xtype:'datefield',
width:200,
editable:false,
fieldLabel:'生日'}
]
});
});
</script>
用editable:false就可以了