zoukankan      html  css  js  c++  java
  • 实现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)
    }
    }
    });
  • 相关阅读:
    杭电1176解答免费馅饼
    Locust 关联
    Locust 参数化
    Locust 介绍篇
    Locust 集合点
    Locust 其他协议
    团队项目需求分析报告
    第一次个人编程作业
    团队项目选题报告
    第一次软工作业
  • 原文地址:https://www.cnblogs.com/samlin/p/dhtmlxTree_onClick.html
Copyright © 2011-2022 走看看