首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

SmartGWT 之 展示带Icon的Field

2012-11-23 
SmartGWT 之 显示带Icon的Field常常会需要在Field的某一列显示一个icon,例如文件列表,在文件名前面放一个i

SmartGWT 之 显示带Icon的Field

常常会需要在Field的某一列显示一个icon,例如文件列表,在文件名前面放一个icon。

很正常的需求,但是SmartGWT的 ListGrid,只能在设置 ListGridField 的时候,设置

其type 为 image 或者 icon。而对于在同一列里面既要显示icon,又要显示文本,似乎

比较困难。

?

幸好 ListGrid 有个 getCellCSSText 的方法可以覆盖。那么我们就可以在这个方法当中,

设置一下它的css,用 background-image 来达到这样的目标,上代码:

?

docsList = new ListGrid() {@Overrideprotected String getCellCSSText(ListGridRecord record, int rowNum, int colNum) {if ( "name".equals(getFieldName( colNum))) {     String iconPath = record.getAttribute( "iconPath");    if ( iconPath == null)        return "text-decoration:underline;";    else {        return "padding-left:22px;text-decoration:underline;" +        "background-image:url(""+iconPath+"");" +        "background-repeat:no-repeat;";    }} else return super.getCellCSSText(record, rowNum, colNum);}};
?

热点排行