ExtJS EditorGridPanel 中 时间日期 编辑 问题的总结
来源:互联网 发布:阿里云公网ip端口映射 编辑:程序博客网 时间:2024/04/28 23:05
http://www.iteye.com/topic/474801
Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '/js/extjs/3.0/resources/images/default/s.gif'; //Ext.chart.Chart.CHART_URL = '/js/extjs/3.0/resources/charts.swf'; Ext.QuickTips.init(); testEditorGrid(); }); function testEditorGrid(){ var store = new Ext.data.SimpleStore({ fields:[ //先把json中的时间格式化为date格式 {name:'time1',type:'date',dateFormat:'Y-m-d H:i:s'},//对应于2009-10-20 10:00:00 {name:'time2',type:'date',dateFormat:'Y-m-d'},//对应于2009-10-20 {name:'time3',type:'date',dateFormat:'y-m-d'},//对应于09-10-20 {name:'time4',type:'date',dateFormat:'m/d/y'},//对应于10/20/09 {name:'time5',type:'date',convert:function(v,r){return new Date(r.time5);}} //对应于1293901323000 ], data:[ ['2009-10-20 10:00:00','2009-10-20','09-10-20','10/20/09',1293901323000] ], listeners:{ 'load':function(store,records,options){ //出了问题的时候,先检查json格式是否正确转换为date var r = store.getAt(0); var validDate = Ext.isDate(r.get('time1')) && Ext.isDate(r.get('time2')) && Ext.isDate(r.get('time3')) && Ext.isDate(r.get('time4')); Ext.Msg.alert('提示','1.在Store里面格式化'+(validDate?'正确!':'错误!')); } } }); var grid = new Ext.grid.EditorGridPanel({ width: 400, height: 200, renderTo:Ext.getBody(), sm:new Ext.grid.RowSelectionModel({}), viewConfig:{forceFit:true}, store:store, columns: [{ header: '时间1', dataIndex: 'time1', //显示在grid上的格式,这里格式化为2009-10-20的格式 renderer:Ext.util.Format.dateRenderer('Y-m-d'), editor:new Ext.form.DateField({ //在编辑器里面显示的格式,这里为09-10-20的格式 format: 'y-m-d' }) },{ header: '时间2', dataIndex: 'time2', //显示在grid上的格式,这里格式化为09/10/20的格式 renderer:Ext.util.Format.dateRenderer('y/m/d'), editor:new Ext.form.DateField({ //在编辑器里面显示的格式,这里为10/20/09的格式 format: 'm/d/y' }) },{ header: '时间3', dataIndex: 'time3', //显示在grid上的格式,这里格式化为09-10-20 00:00:00的格式 renderer:Ext.util.Format.dateRenderer('y-m-d H:i:s'), editor:new Ext.form.DateField({ //在编辑器里面显示的格式,这里为2009-10-20的格式 format: 'Y-m-d' }) },{ header: '时间4', dataIndex: 'time4', //显示在grid上的格式,这里格式化为09年10月20日的格式 renderer:Ext.util.Format.dateRenderer('y年m月d日'), editor:new Ext.form.DateField({ //在编辑器里面显示的格式,这里为09.10.20的格式 format: 'y.m.d' }) }] }) }
- ExtJS EditorGridPanel中时间日期编辑问题的总结
- ExtJS EditorGridPanel中时间日期编辑问题的总结
- ExtJS EditorGridPanel中时间日期编辑问题的总结
- ExtJS EditorGridPanel 中 时间日期 编辑 问题的总结
- Extjs EditorGridPanel中ComboBox列的显示问题
- extjs的EditorGridPanel中的ComboBox列中显示值的问题
- extjs的EditorGridPanel中的ComboBox列中显示值的问题
- Extjs EditorGridPanel中ComboBox列的显示问题(默认显示键而不是值)
- EditorGridPanel关于时间格式[GTM格式]的初始,编辑
- extjs EditorGridPanel禁止某些单元格编辑
- Extjs控件EditorGridPanel中使用自定义的editor
- Extjs控件EditorGridPanel中使用自定义的editor
- Extjs中GridSummary实现EditorGridPanel的合计功能
- Extjs中EditorGridPanel粘贴Excel复制的数据
- Extjs 中处理日期的方法总结
- 解决editorgridpanel编辑时视图向右移动的问题
- oracle中所有关于时间日期的问题总结
- Extjs editorgridpanel combox 显示数据问题
- DNS 攻击方式及攻击案例
- 汇编:输入姓名和成绩排序(别人的作业,自己随便写写的,没用传统的排序算法)
- andorid下实现定时发短信的功能
- Session过期和清除缓存
- thinkPHP学习记录2
- ExtJS EditorGridPanel 中 时间日期 编辑 问题的总结
- oracle 9i,10g,11g补丁下载地址大全
- Jscript实现省市县三级联动
- oracle 9i/10g/11g安装包和PATCH下载地址汇总
- android 振动器系统
- 中国云计算产业链
- DirectX 11 Tutorials-Tutorial 2:创建框架和窗口
- 最全的CSS浏览器兼容问题
- 云计算与虚拟化的区别