GWT异步更改cellTable中cell的数据显示
项目中遇到一个棘手的问题,使用GWT的cellTable的时候,要更改一个单元格的显示问题。如果仅仅是一个单独的cell 可能会有比较好的处理办法,比如可以找到这一列,然后更新整个cellTable,但此处我用到的是一个复合cell,即compositeCell,API如下:
public class CompositeCell<C>
extends AbstractCell<C>
A Cell that is composed of other Cells. When this cell is rendered, it will render each component Cell inside a span. If the component Cell uses block level elements (such as a Div), the component cells will stack vertically.
所以要取到具体的cell有些不易。
此次更改cell的情景是: 一个entity中字段没有关联到实体,而是存储的一个实体的ID,但是cellTable显示的时候,不可能显示一个关联ID的,而是需要根据这个ID去查找该关联实体的表,而此处的查询又是异步的。
首先思路是这样的: 第一步肯定是要先取得要更改数据的那一列的;第二步取到具体的那一个cell; 第三步就是更改cell里面的数据了。
这里的cell 需要使用样式,所以代码是这样的:
final Cell<String> cell = new TextCell(new SafeHtmlRenderer<String>() { @Override
public void render(String arg0, SafeHtmlBuilder arg1) {
} @Override
public SafeHtml render(String str) {
return new SafeHtmlBuilder().appendHtmlConstant("<span class='categoryName'>"+str+"</span>").toSafeHtml();
}
});
会被渲染加上一个class为"categoryName"的span 标签。
首先查找出这个cell,这里关键代码如下:
int index = dataProvider.getList().indexOf(item);
NodeList<TableCellElement> nodeList = entityTable.getRowElement(index).getCells();
for (int i = 0; i < nodeList.getLength(); i++) {
TableCellElement tableCellElement = nodeList.getItem(i);
List<Element> elements = getRowElements(tableCellElement);
for (Element element : elements) {
String className = element.getClassName();
if(className!=null && className.equals("categoryName")){
element.setInnerHTML(caterotyString + " ");
}
}
elements.clear(); //每次循环完一列就清空保存元素的集合
}
每个cellTable 都需要一个dataProvider来显示数据,一条数据为一行,那么可以根据这个dataProvider中存放数据的位置来确定此数据是第几行的,这样就实现了上面说的第一步操作。代码中第2行根据行数取得这一行的所有单元格元素,第3行代码是取得每一个单元格中的元素。这样做的话就能解析那些复合单元格中每个单元格了。实现了上面所说的第二步操作。在取得所有的元素之后,我们可以利用刚刚设置的class名字来定位到精确的元素, 也可以根据node的id。因为有复合控件的存在,可能存在要解析遍历多次的问题,所以第5行代码使用了一个递归循环,取得所有的元素,代码如下:
// 递归取得每一列中的所有元素,包括自身
private List<Element> elements = new ArrayList<Element>();
private List<Element> getRowElements(Element element){
elements.add(element);
NodeList<Node> nodes = element.getChildNodes();
for (int i = 0; i < nodes.getLength(); i++) {
Node node = nodes.getItem(i);
Element childElement = node.cast();
if(childElement.getChildCount()>0){
getRowElements(childElement);
}else{
elements.add(childElement);
}
}
return elements;
}
其中第8行代码中使用了一个cast方法,cast方法的API如下:
<T extends JavaScriptObject> T
cast()
A helper method to enable cross-casting from any JavaScriptObject type to any other JavaScriptObject type.
是对JavaScriptObject类进行互相转换的,Element和Node 都是JavaScriptObject的子类。继承关系如下:
java.lang.Object
extended by com.google.gwt.core.client.JavaScriptObject
extended by com.google.gwt.dom.client.Node
extended by com.google.gwt.dom.client.Element
这里也可以不转换类型,而是在调用递归的地方使用,返回一个Node的List,然后在循环Node的时候进行cast操作,因为className只有Element才有,所以必须要转换。
总结:gwt因为是用java写"html",所以提供了很多可以操作底层的类供我们使用,可以取得我们想要的"html"标签或者元素,善于发掘,就会找到我们想要的。
GWT异步更改cellTable中cell的数据显示的更多相关文章
- iOS中Cell高度如何能够自动适应需要显示的内容
本文的代码例子 : "Cell行高自适应.zip" http://vdisk.weibo.com/s/Gb9Mt 下面我们来看看代码.我需要一个第三方库EGO异步下载.addtio ...
- AJAX异步更改数据库
前段时间做了一个小网站,里面有个小功能感觉挺好的,在此与大家分享一下,还请各位大神不要笑话小弟的无知. 此功能大概是这个样子的:点击下图中的类别名称,就可以对类别进行修改. 点击类别名称以后,原来的表 ...
- 更改mysql中当前auto_increment的值的方法
最近给自己网站更改mysql中当前auto_increment的值 如果在mysql中一个表test中的ID字段设为auto_increment插入两条记录后ID=2,这时删除1条记录,再插入一条变成 ...
- IOS Table中Cell的重用reuse机制分析
IOS Table中Cell的重用reuse机制分析 技术交流新QQ群:414971585 创建UITableViewController子类的实例后,IDE生成的代码中有如下段落: - (UITab ...
- jquery ajax success 函数 异步调用方法中不能给全局变量赋值的原因及解决办法
jquery ajax success 函数 异步调用方法中不能给全局变量赋值的原因及解决办法 在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值,可是我们 ...
- 更改XAMPP中MySQL数据库的端口号
更改XAMPP中MySQL数据库的端口号 如果电脑上已安装MySql数据库,还想用XAMPP中自带的数据库就需要更改XAMPP中数据库的端口号,避免和已安装的数据库冲突.本例以更改为3307端口号为例 ...
- java更改数据库中的数据
不废话,上代码 package com.ningmeng; import java.sql.*; /** * 1:更改数据库中的数据 * @author biexiansheng * */ publi ...
- FPGA异步时钟设计中的同步策略
1 引言 基于FPGA的数字系统设计中大都推荐采用同步时序的设计,也就是单时钟系统.但是实际的工程中,纯粹单时钟系统设计的情况很少,特别是设计模块与外围芯片的通信中,跨时钟域的情况经常不可避免. ...
- Python 更改cmd中的字色
没有gui的python程序是在cmd窗口中运行的,黑色背景,灰色的字,确实很复古,不符合现代人的使用习惯-同事在用我写的小工具时,清一色的字色,看起来会没有重点性,因此我就想通过更改cmd中的字色来 ...
随机推荐
- 九、搭建备份服务器 使用rsync服务
简介 Rsync是开源快速.多功能,可以实现全量和增量的本地或者远程数据同步备份的优秀工具.增量备份效率更高,可以同步内容也可以同步属性 [root@backup-41 ~]# rpm -qa rsy ...
- Android系统开发--灯光系统之电池灯的流程分析
Android系统开发--Android灯光系统之电池灯的流程分析 前期系统准备 运行初始化,创建系统服务 创建电池服务,获得电池灯;创建监听者监听上报电池事件: mSystemServiceMana ...
- Android系统属性SystemProperties在应用层的用法【转】
本文转载自:https://blog.csdn.net/lilidejing/article/details/53288243 如果你看到这篇文章了,说明你已经是资深程序员,会发现整个Android系 ...
- SpringBoot 通用Validator
第一步,pom.xml引入hibernate-validator <dependency> <groupId>org.hibernate</groupId> < ...
- YARN作业提交流程剖析
YARN(MapReduce2) Yet Another Resource Negotiator / YARN Application Resource Negotiator对于节点数超出4000的大 ...
- JavaScript -- Input Select 操作, 级联菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- webdriver 选择
You only need from selenium import webdriver . Execute html= browser.find_element_by_xpath(" ...
- hibernate学习(1)
对象的持久化 狭义的理解,“持久化”仅仅指把对象永久保存到数据库中 广义的理解,“持久化”包括和数据库相关的各种操作 -保存:把对象永久保存到数据库中 -更新:更新数据库中对象的状态 -删除:从数据库 ...
- canvas绘制多角形小练习
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- hdu 2147 kiki's game(找规律)
kiki's game Time Limit: 5000/1000 MS (Java/Others) Memory Limit: 40000/10000 K (Java/Others)Total ...