实现dhtmlxTree树型控件单击展开收缩功能

dhtmlxTree是一个相当不错的javascript树型控件，用于WEB后台管理系统来展示功能菜单或机构如一些有层次性关系、隶属关系的效果非常好，同时还支持自定义图标，并提供丰富的API，详细可参考 dhtmlxTree帮助文档

其效果如下：

dhtmlxTree树型控件默认下是鼠标双击才展开所隶属的节点的，其实这不太符合大多数人的使用习惯，一直到是以为单击就可以展开收缩节点的，好了，要实现这个功能也不难，关键在于在监听点击onclick事件，具体实现如下：

tree = new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
                    tree.setImagePath("tree/");
                    tree.loadXMLString(xmlTree)
                    tree.attachEvent("onClick",function(id){   
                        var hrefURL = tree.getUserData(id,"url");
                        // 单击展开 收缩                       
                        //var itemId = tree.getSelectedItemId();
                        var itemId = id;
                        
                        if(tree.hasChildren(itemId)){
                            if(tree.getOpenState(itemId) == "1"){
                                tree.closeItem(itemId)
                            }else{
                                tree.openItem(itemId)
                            }
                        }       
                   });