GWT中自定义你的"cell"

　　GWT内部提供了CellTable组件，它允许自由增加column以及cell，在设定column之后就是在其中填充cell了。但GWT所提供的CellTable样式确实不敢恭维，为了解决这一问题，在网上找了一些可行的方法，结合我的实践，在此贴出代码及说明，以供参考。

　　创建column代码：

protected Column<Item, String> createNameColumn(CellTable<Item> parent) {

    Column<Item,String> column = new Column<Item,String>(new MytextCell()) {

        public String getCellStyleNames(Context context,
        EntityItem<Product> object) {
                return "label_link_focus_style";
        }

            public String getValue(item) {
            //code here                    
        }
};

上面的代码中，我使用的是一个MyTextCell，一个我自定义的textCell,它继承于TextCell，所以重写了textCell中的getCellStyleNames()方法，只需要要返回一个css中的class名称字符串即可。这样做可以改变该cell的样式，但有一个缺点，不够灵活，仅仅改变cell样式，cell里面的内容不能改变。比如我想给cell中的字体加个下划线或者改个颜色，这种方法就不能完全实现。

 看看MytextCell类的代码：

public class MyTextCell extends TextCell {
  
      private static Template template;
      
     interface Template extends SafeHtmlTemplates {
         @Template("<div style="color:{0};text-decoration:{1}">{2}</div>")
         SafeHtml div(String url, String decoration, String value);
     }
 
     @Override
     public void render(com.google.gwt.cell.client.Cell.Context context, String value, SafeHtmlBuilder sb) {
        String color = "#0066DD";
         String decoration = "underline";
         if (value != null) {
             sb.append(template.div(color, decoration, value));
         }
     }
}

在该类中，我重写了TextCell中的render()方法，通过该方法，给cell中的内容添加样式。首先定义一个静态的Template接口，我称它为模板，这个Template继承与SaftHtmlTemplates。然后在其接口中通过注解定义模板样式以及调用格式，如6、7行所示写法。其中的模板中存在{0}、{1}这样的形式，有些类似于一种占位符。

接着在render()方法中调用刚才定义的接口，并将占位符填上你希望实现的css样式即可。这样就能轻松更改cell里面的内容的样式了！