SmartGWT 之 redraw 的烦恼

用SmartGWT的 TileGrid 来展示一系列的图片，确实很方便。

?

?

DetailViewerField picField = new DetailViewerField( "url");

picField.setType( "image");

picField.setImageHeight( tileHeight);

tileGrid.setFields( picField);

只要这样就可以显示了。
接下来的一个需求害惨我了：在每张图片上加一个空白的star，用户点击这个star，就会变成实心的star，就像gmail里面的邮件star一样，说白了就是个favorite。
看TileGrid的代码，知道它提供了几个重载点，一个是 getTileHTML，可以自己定义tile的html。这个当需要自己设定图片的一些tooltip来作为图片信息的时候，可以返回一个带 title的img，确实有用。不过，对于我要增加一个带响应事件的ImgButton来说，还不够。
另一个是 getTile( int )方法。本来我是想重载 getTile(Record)方法，后来发现这个方法重载了没用。于是在 getTile( int)里面，往super.getTile( int)的返回Canvas里面添加一个 ImgButton。确实挺简单的，接下来的事情就很郁闷了。
图片都显示出来了，点击 star也都没问题，相应的事件也都没问题。正当要松口气的时候，发现TileGrid换页出问题了。换了页之后，star都发生变化了，但是相应的图片没变化。顿时很震惊，不可思议。
使用N种工具，包括SmartClient自身的console，都没看出所以然来。期间走了很多弯路，最后冷静下来，想想其实差别只是 canvas.add(btn)这行代码。将它注释掉，就正常，否则就不正常。
SmartGWT 的 console，把redraw部分的日志改成debug，发现区别不大，只是一个是：
15:01:13.986:MMV8:INFO:redraws:isc_MyRootPanel$3_0_tile_6:Scheduling redraw (1 children) (state change)
另一个是：
15:03:37.371:MMV9:INFO:redraws:isc_MyRootPanel$3_0_tile_7:Scheduling redraw (state change)
就是这个 children的区别而已。也就是说，当这个canvas 在redraw的时候，如果发现它有child，那么就直接让child 去redraw，而canvas本身不变。就是因为这个原因，所以加上child之后，换页的时候图片不发生变化。于是在addChild之后手工加了一个redraw，发现还是不行。马上就发现自己犯了个低级错误。既然加了child之后在页面redraw不行，那么在代码中肯定也不行。唯一有效的，就是在addChild之前redraw一下。果然就OK了。
tile.redraw();tile.addChild( btn);就这么解决了。

update:?总感觉这种用法太诡异，忍不住跟踪了一下js代码，美化之后的redraw代码是这样的：

?虽然加入了混淆，但是仍然能看出来，关键在于 _4 和 _5，它们都为 true的情况下，才会在redrawChildren之前运行 $p9，也就是
isc.A.$p9=function isc_Canvas__updateParentHTML()
所以，
Canvas tile = super.getTile(recordNum);tile.setRedrawOnResize( true);// add btn to tilereturn tile;然后就可以了，不用redraw了。这样感觉舒服一些。不过呢，感觉SmartGWT在深入应用方面，还是会存在问题。
    1 楼    jelver    2010-12-20              折磨过大半年的smartgwt，痛苦快乐并存