把JSF组件树显示为DHTML Tree

把JSF组件树显示为DHTML Tree

作者:cagatay http://www.jroller.com/page/cagataycivici?entry=jsf_component_tree_as_a

翻译: icess http://blog.matrix.org.cn/page/icess

JSF 组件由一个jsf框架核心元素 conceptual tree data structure来维护,  Sun ri(点击查看)和Myfaces (点击查看)都提供了一个工具类来打印组件树, 我也见到有人创建自己的算法(点击查看)来打印组件树到System.out.

我和我的同事正在开发一个jsf库,用来提供jsf程序的跟踪功能,在开发过程中,我认为 通过Dhtml 树来访问和查看jsf组件树一定是很cool的. 因此, 该树现在已经可以使用了,她包含一些信息,如 id, rendered 等等如果组件实现了ValueHolder,那么值也会显示出来,添加显示组件类型也是可能的, 并且我计划去除  rendered 属性,因为她不是很常用. 下面是一些示例图片.

   

我创建了一个自定义组件来显示组件树到一个页面上,目前使用 <ft:trace showTree="true"/> ,我使用一个  tree scripts 来动态驱动和改变一些部分.使用一个递归算法,和自定义组件来实现显示dhtml树,组件有子节点的话显示为加粗字体并且点击她可以展开子节点,否则为叶子节点且不可以点击.

要使用该组件,访问: http://sourceforge.net/projects/facestrace/