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 + "&nbsp;&nbsp;");
          }
       }
    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"标签或者元素，善于发掘，就会找到我们想要的。