Extjs Grid列编辑器为日期组件时选定日期后值渲染到grid列时格式异常的有关问题

Extjs Grid列编辑器为日期组件时选定日期后值渲染到grid列时格式错误的问题

grid列编辑中,编辑器为datefield,而且datefield中的format属性为'Y-m-d',日期选择后是按照格式化的要求显示,如:
Extjs Grid列编辑器为日期组件时选定日期后值渲染到grid列时格式异常的有关问题
 当焦点脱离这个编辑器,也就是列渲染datefield的值时,它会变成中国标准日期,而不是datefield中所指定的日期格式,如图
Extjs Grid列编辑器为日期组件时选定日期后值渲染到grid列时格式异常的有关问题
 思路:原因可能是因为datefield的格式化只是改变了显示的日期,并没有改变实值,以至于在列渲染datefield的值时,无法按格式显示。

解决方案1:(未实践)

绑定datefield的编辑后事件,在选中后将datefield组件值手动设置为格式化后的数据

解决方案2:(实践成功)

官网实例的一个思路就是在列渲染时拦截参数,然后制定一个渲染器。

具体方法为在grid的列渲染配置项 renderer中定义配置项:Ext.util.Format.dateRenderer('Y-m-d')