FieldGroup绑定ItemDataSource
FieldGroup可以直接绑定一个数据源DataSource。但如果想绑定某个值,并没有直接作为数据库中的一个字段存在。而是最后转为json串保存在数据库中。这样的话相当于key-value模式的DataSource,这里是ItemDataSource。
为FieldGroup绑定一个日期控件
//首先得在FieldGroup添加这个Item
PropertysetItem item = new PropertysetItem();
item.addItemProperty("{code_act_Date1}",new ObjectProperty(""));
FieldGroup fieldGroup = new FieldGroup(item); //然后再进行定义日期控件
WebGridLayout actGrid = componentsFactory.createComponent(WebGridLayout.class);
DateField dateField = new DateField();
dateField.setDateFormat("yyyy年MM月dd日"); //进行绑定
fieldGroup.bind(dateField, actElements.get(i).getValue()); //将日期控件添加到页面中
GridLayout tmpGgridLayout = (GridLayout) actGrid.getComponent();
tmpGgridLayout.addComponent(dateField);
PS:item.addItemProperty("{code_act_Date1}",new ObjectProperty(""));这句话为什么不是item.addItemProperty("{code_act_Date1}",new DateField());
参见:http://www.cnblogs.com/acm-bingzi/p/cubaFieldGroupDate.html
PPS:悲了个剧的,最后发现new ObjectProperty("")) 这种方法在某些服务器上会Date类型转换报错,所以这里还是应该使用 new DateField())
一种类型转换错误的情况ClassCastException
刚开始使用以下方式fieldGroup绑定
WebGridLayout actGrid = componentsFactory.createComponent(WebGridLayout.class);
WebDateField webDateField = componentsFactory.createComponent(WebDateField.class);
webDateField.setDateFormat("yyyy年MM月dd日");
fieldGroup.bind((DateField)webDateField.getComponent(), nameValueElements.get(i).getValue());
actGrid.add(webDateField);
报错:ClassCastException: com.haulmont.cuba.web.toolkit.ui.CubaDateFieldWrapper cannot be cast to com.vaadin.ui.DateField
这个错真是很奇怪,但是上面那种把WebGridLayout 转换成GridLayout 就没有问题
将FieldGroup中的数据转换成json串保存
//...
FieldGroup fieldGroup = new FieldGroup(item);
Map<String, Object> mapValues = new HashMap<>();
Collection<String> itemIds = (Collection<String>) item.getItemPropertyIds();
for (String itemId : itemIds) {
Object object = fieldGroup.getItemDataSource().getItemProperty(itemId).getValue();
String value = null;
if (object != null) {
value = fieldGroup.getItemDataSource().getItemProperty(itemId).getValue().toString();
}
mapValues.put(itemId, value);
} ObjectMapper mapper = new ObjectMapper();
//转JSON
String json = mapper.writeValueAsString(mapValues);
最后json的值的格式是:
{"{code_10_13}":"123","{code_10_15}":"接地电阻值满足要求","{code_7_6}":"智能建筑-防雷与接地"}
再将json值保存到数据库中的一个字段
将json串中的数据转换到FieldGroup中
//简单写法:
//这个方法里的两个参数,第一个是(PropertysetItem)fieldGroup.getItemDataSource(),第二个是json值
void setSavedPropertyValues(PropertysetItem propertysetItem, String jsonValue) {
Map<String, Object> mapValues = getSavedValue(jsonValue);
if (mapValues != null) {
for (String key : mapValues.keySet()) {
if (propertysetItem.getItemProperty(key) != null) {
propertysetItem.getItemProperty(key).setValue(mapValues.get(key));
}
}
}
} //将json转换成ap类型
Map<String, Object> getSavedValue(String jsonValue) {
if (jsonValue == null || jsonValue.isEmpty()) {
return null;
}
ObjectMapper objectMapper = new ObjectMapper();
Map<String, Object> mapValues = null;
try {
mapValues = objectMapper.readValue(jsonValue, Map.class);
} catch (IOException e) {
throw new IllegalArgumentException("已保持的值格式错误,无法解析成map对象");
}
return mapValues;
}
PS:如果最上边添加日期控件的时候,使用的是 item.addItemProperty("{code_act_Date1}",new DateField());
那么这段代码应该稍微增加一点,如下:
void setSavedPropertyValues(PropertysetItem propertysetItem, String jsonValue) {
Map<String, Object> mapValues = getSavedValue(jsonValue);
if (mapValues != null) {
for (String key : mapValues.keySet()) {
if (propertysetItem.getItemProperty(key) != null) {
if (propertysetItem.getItemProperty(key).getType() == Date.class) {
Date date = new Date((String) mapValues.get(key));
propertysetItem.getItemProperty(key).setValue(date);
} else {
propertysetItem.getItemProperty(key).setValue(mapValues.get(key));
}
}
}
}
}
FieldGroup绑定ItemDataSource的更多相关文章
- FieldGroup绑定的日期类型存储格式的问题
问题 日期存储的时候,当前数据库中存储格式为 "2017-9-5 0:00:00", 而我实现了以后,看到数据库的存储格式为 "Mon Sep 04 00:00:00 C ...
- Windows Store App JavaScript 开发:模板绑定
WinJS库模板提供了一种格式化显示多条数据的便捷方式,通过这种方式可以将模板与ListView或FlipView等控件结合使用以控制数据的显示格式.定义一个WinJS库模板的方法与定义WinJS库控 ...
- Win10系列:JavaScript 模板绑定
WinJS库模板提供了一种格式化显示多条数据的便捷方式,通过这种方式可以将模板与ListView或FlipView等控件结合使用以控制数据的显示格式.定义一个WinJS库模板的方法与定义WinJS库控 ...
- ASP.NET Core MVC/WebAPi 模型绑定探索
前言 相信一直关注我的园友都知道,我写的博文都没有特别枯燥理论性的东西,主要是当每开启一门新的技术之旅时,刚开始就直接去看底层实现原理,第一会感觉索然无味,第二也不明白到底为何要这样做,所以只有当你用 ...
- MVVM设计模式和WPF中的实现(四)事件绑定
MVVM设计模式和在WPF中的实现(四) 事件绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...
- MVVM模式解析和在WPF中的实现(三)命令绑定
MVVM模式解析和在WPF中的实现(三) 命令绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...
- 冒泡,setinterval,背景图的div绑定事件,匿名函数问题
1.会冒泡到兄弟元素么? $(function(){ $("#a").click(function(){alert("a")}) $("#b" ...
- Xamarin+Prism开发详解二:Xaml文件如何简单绑定Resources资源文件内容
我们知道在UWP里面有Resources文件xxx.resx,在Android里面有String.Xml文件等.那跨平台如何统一这些类别不一的资源文件以及Xaml设计文件如何绑定这些资源?应用支持多国 ...
- 数据的双向绑定 Angular JS
接触AngularJS许了,时常问自己一些问题,如果是我实现它,会在哪些方面选择跟它相同的道路,哪些方面不同.为此,记录了一些思考,给自己回顾,也供他人参考. 初步大致有以下几个方面: 数据双向绑定 ...
随机推荐
- C#实现一张塔松叶
前段时间,Insus.NET有实现一组字符串在输出时,靠左或靠右对齐.<输出的字符靠右对齐>http://www.cnblogs.com/insus/p/7953304.html 现在In ...
- (转)对一个deb包的解压、修改、重新打包全过程方法
转自:https://blog.csdn.net/yygydjkthh/article/details/36695243 Reference: http://www.debian.org/doc/ma ...
- wpf项目打开多个窗体在任务栏只有一个任务
原文:wpf项目打开多个窗体在任务栏只有一个任务 如果在wpf里,在一个父窗体上打开子窗体,只在任务栏显示一个任务,不是qq聊天窗口俩人聊天人显示俩给那样,只能显示 一个 private void B ...
- ionic访问odoo 11接口
在架设完毕odoo 11的网站之后,第一次面临手机app该如何访问后台网站的问题,是不是模式类似asp.net mvc 那样的模式,或者还存在其他的访问方法,带着这个疑问与困惑,开始的我的研究学习之路 ...
- 代码无错就是优?简单工厂模式 C#
还是那几句话: 学无止境,精益求精 十年河东,十年河西,莫欺少年穷 学历代表你的过去,能力代表你的现在,学习代表你的将来 废话不多说,直接进入正题: 现在给你一道面试题,如下: 请用C++,C#,Ja ...
- CF 958E2. Guard Duty (medium)
这道题是昨天linkfqy dalao上课讲的一道题 当时他讲的时候就想到了一种玄学的搞法,然后不敢相信自己切掉了 没想到后来CHJ dalao也想到了这种算法,然后发现是对的 后来10min就切掉了 ...
- dp方法论——由矩阵相乘问题学习dp解题思路
前篇戳:dp入门——由分杆问题认识动态规划 导语 刷过一些算法题,就会十分珍惜“方法论”这种东西.Leetcode上只有题目.讨论和答案,没有方法论.往往答案看起来十分切中要害,但是从看题目到得到思路 ...
- javascript DOM操作中的insertAdjacentHTML方法
插入HTML内容与文本内容以前用的是innerHTML与innerText方法,今天看到insertAdjacentHTML和 insertAdjacentText两个API,特地学习一下: inse ...
- D. Mysterious Crime
链接 [http://codeforces.com/contest/1043/problem/D] 题意 给你一个m*n的矩阵(m<=10,n<=1e5), 每一行的数字是1到n里不同的数 ...
- [Beta阶段]展示博客
一.团队成员简介与个人博客地址 团队博客地址:http://www.cnblogs.com/wowotoubuaa/ 江昊,项目经理http://www.cnblogs.com/haoj/ 王开,后端 ...