ExtJS6 Grid的日期编辑栏位处理
发布日期:2021-07-01 05:47:27
浏览次数:2
分类:技术文章
本文共 967 字,大约阅读时间需要 3 分钟。
文章目录
问题描述
- 定义一个带编辑列的Grid,定义的方式是Columns的某个Column使用’widgetcolumn’定义
{
text : ‘Planned Value’, dataIndex : ‘planDate’, xtype : ‘widgetcolumn’, widget :{ xtype : ‘datefield’, format:‘Y/m/d’, bind: ‘{record.planDate}’ } }- 保存的时候,通过 var modifiedRecords = store.getModifiedRecords(); 得到修改过的行,通过 Ajax呼叫后端服务更新
var modifyRecords = modifiedRecords.map(function(x) {
return { obid : x.get("obid"), planDate : x.get("planDate") }
}
问题分析
但是存在的问题是:
-
编辑后的进入的显示不正确, 会显示日期对象,而不是’Y/m/d’。
-
保存的时候数据会清空。
原因: 编辑后的数据绑定回Store是Date型的,但是从后端取的是String类型的。
解决方法
-
类型转换
{ text : ‘Planned Value’, dataIndex : ‘planDate’, format:‘Y/m/d’, flex : 2, renderer: function(val){ if(val == null) return “”;return Ext.Date.format(new Date(val), 'Y/m/d'); }
}
-
保存是类型转换
var param = modifiedRecord.map(function(x) { var planDate = x.get(“planDate”); if(planDate!=null&&(planDate instanceof Date)){ planDate = Ext.Date.format(x.get(“planDate”), “Y/m/d”); } return { obid : x.get(“obid”), planDate : planDate } });
转载地址:https://oscar.blog.csdn.net/article/details/90447815 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
逛到本站,mark一下
[***.202.152.39]2024年04月14日 00时57分22秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
设计模式总结笔记<三> 建造者模式前篇
2019-05-08
设计模式总结笔记<三> 建造者模式后篇
2019-05-08
页面状态管理器,让布局飞起来
2019-05-08
IDEA错误收集
2019-05-08
AndroidStudio 导入github上面的项目
2019-05-08
Hibernate学习笔记<一> 初步认识Hibernate
2019-05-08
设计模式总结笔记<四> 观察者模式
2019-05-08
App开发常用开源控件收集(持续更新中)
2019-05-08
启动另外一个app
2019-05-08
莫让奔波收效甚微
2019-05-08
NDK学习笔记<一> 初步认识JNI|成功搭建NDK开发环境
2019-05-08
NDK学习笔记<二> 使用javah生成头文件
2019-05-08
NDK学习笔记<三> java调用JNI进行简单加减,加密操作
2019-05-08
NDK学习笔记<四> C语言调用java方法
2019-05-08
NDK学习笔记<五> 简单模拟aLiPay支付流程
2019-05-08
AndroidStudio常用插件
2019-05-08
PopupWindow在Android7.0系统中显示位置错误
2019-05-08
TabLayout控件的使用(二)
2019-05-08
自定义控件实战<六> TabLayout控件的实现
2019-05-08