原因:
列表组件,显示的时候,希望能动态对每行数据修改显示样式!比如给字段设置超链接,添加图标等!

解决方案:
1.grid和dataTables 组件有提供onCellRender事件,用法可参考文档:http://docs.wex5.com/comps-datatables-grid/

2.list组件没有提供接管渲染事件,但是提供了渲染后事件onAfterRender!也可以在渲染后操作新生成行的dom节点!在事件中通过event.source.$domNode;获取list的dom节点!然后通过jquery操作,获取最后一个li的节点!就可以修改dom节点的显示了!(一般不建议这样使用,除非有些样式是动态获取的,而不是静态设定的)

一般情况控制list显示只需要通过bind相关属性,绑定一个data字段的值,通过控制data字段的值就能控制每一行要显示的样式!所以不需要使用js代码控制渲染每行的显示,

比如想在list中,根据一个状态值,控制每行显示不同的布局风格,思路是:

就是list的li下放置你需要显示的各种样式!然后设置他们的bind-if属性!
这个属性都分别绑定一个data字段(Boolean类型的)!然后给这个字段设置计算规则!控制是显示那种样式!
一行只显示一种样式,其它隐藏!这样就可以随意切换显示各种样式了!