Extjs中显示字段的日期或者数字格式化扩展

使用Ext.form.FormPanel来处理数据时候，某些字段是需要只读的。当然我们可以使用Ext.form.TextField，然后设置成只读，不过这样子的显示效果不是很好，因为始终会有个输入框。所以我们必须使用Ext.form.DisplayField，但是Ext.form.DisplayField没有一个格式的属性，也不具备渲染器这个事件，比如日期字段var form=new ext。形式。表单面板({ frame : true，renderTo: 'form-div '，items :[{ xtype : ' display field '，fieldLabel: 'Date '，value : new Date()}]})；那它显示的就有点不正确了

那么我们可以重写一下Ext.form.DisplayField，让他支持格式属性延伸文件系统覆盖(ext。形式。显示字段，{ getvalue : function(){ return this。价值；}，setValue:函数{这个。值=v；这个。setrawvalue(这。格式值(v))；归还这个；}，formatValue:函数{如果(这个。dateformat ext。isdate(v)){ return v . dateformat(这。date format)；}如果(这个。v==' number ')的数字格式类型{ return ext。乌提尔。格式。数字(v，这个。数字格式)；}返回五；}});我们给Ext.form.DisplayField加了两个属性：日期格式和numberFormat，然后我们将上面的FormPanel改一下var form=new ext。形式。表单面板({ frame : true，renderTo: 'form-div '，items :[{ xtype : ' display field '，fieldLabel: 'Date '，value: new Date()，Date格式： ' m/d Y ' }]})；

应该还是比较完美的的，哈哈哈