在GWT中的CellTable列中添加图标

在GWT中的CellTable列中添加图标,gwt,gwt2,uibinder,Gwt,Gwt2,Uibinder,使用TextColumn中的所有值 我想添加图像单元格 我不想使用Gwt Ext或智能客户端。 我的代码 private CellTable<FDocument> getDocumentTable() { if (documentTable == null) { documentTable = new CellTable<FDocument>(); documentTable.setSize("600px",

使用TextColumn中的所有值

我想添加图像单元格

我不想使用Gwt Ext或智能客户端。

我的代码

private CellTable<FDocument> getDocumentTable() {
        if (documentTable == null) {
            documentTable = new CellTable<FDocument>();
            documentTable.setSize("600px", "300px");
            documentTable.addColumn(nameColumnD, "NAME");
            documentTable.addColumn(sizeColumnD, "SIZE");
            documentTable.addColumn(modified_by_ColumnD, "MODIFIED BY");
            documentTable.addColumn(dateColumnD, "MODIFIED ON");
            documentTable.addColumn(majorVersion, "Major Version");


        }
        return documentTable;
    }

TextColumn<FDocument> nameColumnD = new TextColumn<FDocument>() {
            @Override
            public String getValue(FDocument object) {
                return object.getName();
            }
        };          
        TextColumn<FDocument> sizeColumnD = new TextColumn<FDocument>() {
            @Override
            public String getValue(FDocument object) {
                return object.getSize();                            
            }
        };

..// similarly all the coloumn.

重写
render
方法,该方法可用于将任何类型的
HTML
内容作为列添加到CellTable中

TextColumn<FDocument> iconColumn = new TextColumn<FDocument>() {
        @Override
        public String getValue(FDocument object) {
            return "";                          
        }

    @Override
        protected void render(Context context, SafeHtml value, SafeHtmlBuilder sb) {
        if (value != null) {
          sb.appendHtmlConstant("<p style=\"textalign:center;\"><img src=\"icon.gif\"\></p>"); 

        }
       }    
    };  
TextColumn iconColumn=newtextcolumn(){
@凌驾
公共字符串getValue(FDocument对象){
返回“”;
}
@凌驾
受保护的void呈现(上下文上下文、安全HTML值、安全HTMLBuilder sb){
if(值!=null){
sb.appendHtmlConstant(“

”); } } };
重写
render
方法,该方法可用于将任何类型的
HTML
内容添加为CellTable中的列

TextColumn<FDocument> iconColumn = new TextColumn<FDocument>() {
        @Override
        public String getValue(FDocument object) {
            return "";                          
        }

    @Override
        protected void render(Context context, SafeHtml value, SafeHtmlBuilder sb) {
        if (value != null) {
          sb.appendHtmlConstant("<p style=\"textalign:center;\"><img src=\"icon.gif\"\></p>"); 

        }
       }    
    };  
TextColumn iconColumn=newtextcolumn(){
@凌驾
公共字符串getValue(FDocument对象){
返回“”;
}
@凌驾
受保护的void呈现(上下文上下文、安全HTML值、安全HTMLBuilder sb){
if(值!=null){
sb.appendHtmlConstant(“

”); } } };
在函数
getImageUrl()
中,返回的是css样式,而不是图像的路径


因此,要么实现一个新的单元格,使用您提供的样式进行渲染,要么使用静态图标进行渲染,或者尝试使用but update提供的渲染方法返回图像路径。

在函数
getImageUrl()
中,返回的是css样式,而不是图像路径


因此,要么实现一个新的单元格,以您提供的样式进行渲染,要么使用静态图标进行渲染,或者尝试but update
getImageUrl()
提供的渲染方法来返回图像的路径。

有许多像pdf doc这样的文档。他们的相应图标保存在war文件夹中。我可以显示除图标外的所有文档值。我知道每个文档的mime类型。请检查代码的编辑部分。我不知道render如何帮助我制作图标。还有“返回”;当调用render时,有很多文档,比如pdf文档。他们的相应图标保存在war文件夹中。我可以显示除图标外的所有文档值。我知道每个文档的mime类型。请检查代码的编辑部分。我不知道render如何帮助我制作图标。还有“返回”;当调用render时。
TextColumn<FDocument> iconColumn = new TextColumn<FDocument>() {
        @Override
        public String getValue(FDocument object) {
            return "";                          
        }

    @Override
        protected void render(Context context, SafeHtml value, SafeHtmlBuilder sb) {
        if (value != null) {
          sb.appendHtmlConstant("<p style=\"textalign:center;\"><img src=\"icon.gif\"\></p>"); 

        }
       }    
    };