SmartGWT 之显示带 Icon 的DetailViewer

和刚才的需求 一样，我要在一个 DetailViewer里面加上 icon，

试了好几种方法，类似于ListGrid里面的 setCellStyle和 覆盖

setCellStyleHandler 方法都试过了，前者不起作用，后者只能

返回css 的 class，而不像 ListGrid 里面可以返回text 的 style。

 

幸好 DetailViewerField 还有个 DetailFormatter 可以设置，通过这个

formatter，可以做很多事情，例如把 文件大小改成带逗号的，把日期

按照自己想要的格式显示，也可以满足上一篇blog里面的要求。上代码：

 

        DetailViewerField nameField = new DetailViewerField( "name");
        nameField.setDetailFormatter( new DetailFormatter() {
            @Override
            public String format(Object value, Record record, DetailViewerField field) {
                return "<div style=\"" +
                    "padding-left:22px;text-decoration:underline;" +
                    "background-image:url('"+ record.getAttribute( "iconPath")+"');" +
                    "background-repeat:no-repeat;" + "\">" + value + "</div>";
            }
        });

 

附送一个Tip：

 

做了一个通用的 datasource 的 DynamicForm，但是在这个form里面，输入框的宽度缺省都是150，

右边就留了很多空白，非常难看。这个时候，设置form的宽度没有用，设置 form.setColWidths也没有用，

因为前者是整个form所占的空间，后者是每个column所占的空间，输入框该多大还是多大。这个时候，首先

把 form的width设置为 "95%"，如果是 "*" 的话，会把整个空间都占满，也很难看。然后呢，看代码：

 

        FormItem[] fields = form.getFields();
        for ( FormItem item : fields) {
            item.setWidth( "*");
        }
        addItem( form);

 

说穿了都很简单，但是就是得一个一个的试。

 

SmartGWT的 API非常丰富，这是它的优势，也是它的劣势。每个类都有N个方法，你都不知道哪个方法是你真正

想要的，就得一个一个的看文档。所幸的是，其一，开源的，可以看到源码，非常方便；其二，基于GWT的，改了

一次之后要看效果非常方便，不用重启应用，只要刷新一下就好了。