`
qing393260529
  • 浏览: 46499 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
阅读更多

dhtmlXTree是一个功能比较强大的树控件,基本上能满足大部分常规需求,比较好用。

dhtmlXTree用函数的说明:

构造函数
dhtmlXTreeObject(htmlObject, width, height, rootId)//rootId 虚拟根节点,在界面上不会显示,一般取值0

replace IMG tag with background images - solve problem with IE image caching , not works for IE6 SP1
enableIEImageFix(mode)
析构函数
destructor()
实现继承
clone()
节点构造函数
dhtmlXTreeItemObject(itemId,itemText,parentObject,treeObject,actionHandler,mode)// mode - do not show images
从xml字符串加载树
loadXMLString(xmlString,afterCall)//afterCall - function which will be called after xml loading
从xml文件加载树
loadXML(file,afterCall)
新建子节点,前三个参数为必须的
insertNewItem(parentId,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs)
insertNewChild(parentId,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs)

节点展开与收缩:[1-close 2-open]
_HideShow(itemObject,mode)
获取节点状态:0 - 没有子节点, -1 - 节点合拢, 1 - 节点展开
_getOpenState(node)
getOpenState(itemId)
获取选中的节点Id
getSelectedItemId()
选中节点
_selectItem(node,e)
获取节点的index
getIndexById(itemId)
设置鼠标右键点击事件
setOnRightClickHandler(func)
设置鼠标点击事件
setOnClickHandler(func)
设置节点状态改变事件
setOnSelectStateChange(func)
设置允许动态加载xml文件(异步加载)
setXMLAutoLoading(filePath)
设置checkbox点击事件
setOnCheckHandler(func)
设置节点展开/合拢事件
setOnOpenHandler(func)
设置节点开始展/合拢开事件
setOnOpenStartHandler(func)
设置节点展开/合拢结束事件
setOnOpenEndHandler(func)
设置节点双击事件
setOnDblClickHandler(func)
展开节点及下面所有子节点
_xopenAll(node)
//增加了不传递itemId的判断(1494)
openAllItems(itemId)//不传递itemId参数则合拢根节点
根据id获取节点
_globalIdStorageFind(itemId)
合拢节点及其下所有子节点
_xcloseAll(node)
//修改了原来逻辑的一个错误(1521)
closeAllItems(itemId)//不传递itemId参数则合拢根节点
为节点增加用户自定义的数据
//修正一个错误(1548)
setUserData(itemId,name,value)
获取用户自定义的数据
getUserData(itemId,name)
获取节点颜色
getItemColor(itemId)
设置节点颜色
setItemColor(itemId,defaultColor,selectedColor)
获取节点名称--(with HTML formatting, if any)
getItemText(itemId)
获取父节点id
getParentId(itemId)
更改节点id
changeItemId(itemId,newItemId)
标记被剪切的节点
doCut()
粘贴被剪切的节点到新的父节点下
doPaste(itemId)
清空被剪切的节点
clearCut()
移动节点
_moveNode(itemObject,targetObject)
允许三种状态的复选框(全选、不选、部分选中)
enableThreeStateCheckboxes(mode)// 1 - on, 0 - off;
设置鼠标悬浮事件
setOnMouseInHandler(func)
设置鼠标移走事件
setOnMouseOutHandler(func)
设置是否允许显示树图片
enableTreeImages=function(mode)//1 - on, 0 - off
设置是否允许固定模式(对于显示复选框的界面美观一些,但没有水平滚动条)
enableFixedMode(mode)// - 1 - on, 0 - off
是否显示复选框
enableCheckBoxes(mode, hidden)//mode 0/1 hidden 0/1
设置节点图片
setStdImages(image1,image2,image3)//a0 - image for node without childrens a1 - image for closed node a2 - image for opened node
设置是否显示树线
enableTreeLines(mode)
设置图片
setImageArrays(arrayName,image1,image2,image3,image4,image5)//image1 - line crossed image image2 - image with top line image3 - image with bottom line image4 - image without line image5 - single root image
展开当前节点(一节)
_openItem(node)
openItem(itemId)
合拢当前节点(一节)
closeItem(itemId)
获取节点的层节数
getLevel(itemId)
设置节点是否允许被合拢
setItemCloseable(itemId,flag)//flag 0/1
对于展开节点返回子节点数量,对于未加载子节点的节点(异步加载)返回true
hasChildren(itemId)
获取节点下的子节点数
_getLeafCount(itemNode)
设置节点名称
setItemText(itemId,newLabel,newTooltip)
获取节点tip
getItemTooltip(itemId)
刷新节点
refreshItem(itemId)
设置节点图片
setItemImage2(itemId, image1,image2,image3)//image1 - node without childrens image image2 - closed node image image3 - open node image
设置节点图片
setItemImage(itemId,image1,image2)//image1 - node without childrens image or closed node image (if image2 specified) image2 - open node image (optional)
获取节点下所有子节点id以逗号分割
getSubItems(itemId)
getAllSubItems(itemId)
获取节点的所有子节点
_getAllScraggyItems(node)
获取选中节点的名称--(with HTML formatting, if any)
getSelectedItemText()
设置节点的选中状态
setCheck(itemId,state)//state - checkbox state (0/1/unsure)
设置节点及所有子节点的选中状态
setSubChecked(itemId,state)
获取节点的选中状态 return: node state (0 - unchecked,1 - checked, 2 - third state)
isItemChecked(itemId)
删除节点的所有子节点
deleteChildItems(itemId)
删除节点
deleteItem(itemId,selectParent) //selectParent - If true parent of deleted item get selection, else no selected items leaving in tree.
在节点下创建一个节点,前三个参数是必须的
insertNewNext(itemId,newItemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs)
根据index获取节点下子节点的id
getChildItemIdByIndex(itemId,index)//itemId 节点id
设置拖动事件
setDragHandler(func)
设置是否允许拖拽
//mode - enabled/disabled [ can be true/false/temporary_disabled - last value mean that tree can be D-n-D can be switched to true later ]
//rmode - enabled/disabled drag and drop on super root
enableDragAndDrop(mode,rmode)
设置是否允许IE缓存
preventIECashing=function(mode)//mode - enable/disable random seed ( disabled by default )
设置是否允许选中节点名称高亮显示
enableHighlighting(mode)//mode - 1 - on, 0 - off
是否允许图片可点击和拖拽(clickable and dragable)
enableActiveImages(mode)// mode - 1 - on, 0 - off
设置节点获得焦点
focusItem(itemId)
获取所有无子节点的节点id
getAllChildless()
getAllLeafs()
获取所有有子节点的节点id
getAllItemsWithKids()
获取所有被选中节点id,不包括第三中状态的节点(部分选中的节点)
getAllChecked()
获取所有被选中节点id,包括第三中状态的节点(部分选中的节点)
getAllCheckedBranches()
获取节点下所有未选中的节点id,不传递itemId表示从根节点开始查找
getAllUnchecked(itemId)
获取所有部分选中的节点id(因部分子节点选中而被选中的节点)
getAllPartiallyChecked()
设置节点样式
setItemStyle(itemId,style_string)
设置是否允许拖拽图片
enableImageDrag(mode)
set function called when tree item draged over another item
setOnDragIn(func)
设置拖拽是是否允许自动滚动
enableDragAndDropScrolling(mode)

分享到:
评论

相关推荐

    树形权限选择

    "树形权限选择"是一种常见的权限分配方式,它以图形化、层次化的树状结构展示权限,便于用户直观理解和操作。这种方式使得权限管理变得更加简单、直观且高效。 在描述中提到的“在项目中,采用树形权限设置,只需要...

    Java动态树形权限菜单JavaScript+SqlServer2005

    在IT行业中,构建一个动态树形权限菜单是常见的需求,特别是在开发管理后台或者Web应用程序时。这个主题聚焦于使用Java后端与JavaScript前端,结合SqlServer2005数据库来实现这样的功能。以下将详细讲解这一技术栈中...

    c#实现如何树形管理权限

    C#作为.NET框架的主要编程语言,提供了丰富的工具和技术来实现复杂的功能,如树形管理权限。本篇文章将详细探讨如何使用C#实现这样的功能,以及相关的核心概念和技术。 首先,我们需要理解“树形管理权限”的含义。...

    马上掌握的LayUI树形权限菜单,助力你的权限管理!

    在"马上掌握的LayUI树形权限菜单,助力你的权限管理!"这个主题中,我们将深入探讨如何利用LayUI来构建一个高效、易用的树形权限菜单,以便在后台管理系统中进行精细的权限控制。 首先,权限管理是任何复杂系统不可...

    权限管理系统 树形控件

    树形控件则是权限管理系统中常见的一种交互方式,用于直观地展示复杂的层级关系。下面将详细介绍权限管理系统的概念、作用以及树形控件在其中的应用。 权限管理系统的概念: 权限管理系统是一种软件工具,用于定义...

    ASP.net动态树形权限菜单JavaScript+SqlServer2005

    在本项目中,“ASP.net动态树形权限菜单JavaScript+SqlServer2005”是一个使用ASP.NET技术,结合JavaScript和SQL Server 2005数据库实现的动态权限管理解决方案。 首先,我们要理解动态树形菜单的概念。在网页设计...

    树形菜单带权限

    在这个特定的场景中,我们关注的是“带权限”的树形菜单,这意味着系统会根据用户的权限级别动态地显示他们有权访问的菜单项。 树形菜单的设计和实现通常涉及到以下几个关键技术点: 1. 数据结构:树形菜单的基础...

    详解Vue.js iview实现树形权限表(可扩展表)

    在本文中,我们将深入探讨如何使用Vue.js框架和iView组件库来实现一个可扩展的树形权限表。这个功能对于权限管理系统来说至关重要,因为它能够清晰地展示不同用户或角色的权限结构。以下是对实现这一功能的具体步骤...

    权限管理树形结构demo

    在这个"权限管理树形结构demo"中,我们看到的是将权限管理和树形结构相结合的一种实现方式,这种设计模式在很多项目中都得到了广泛的应用。 树形结构是一种常见的数据表示形式,它以层级的方式组织数据,每个节点...

    jQuery权限树插件,基于Bootstrap风格

    在IT行业中,jQuery权限树插件是一种常用的前端组件,它结合了jQuery库和Bootstrap样式,用于构建具有权限管理功能的树形结构。这种插件在Web应用中特别常见,尤其适用于用户角色分配、资源管理、菜单导航等场景,...

    树形穿梭框

    在IT行业中,树形穿梭框(Tree Transfer)是一种常见的用户界面元素,特别是在Web开发中,尤其是在使用Vue.js这样的前端框架时。它被广泛应用于数据管理、权限分配、目录选择等场景,因为它能清晰地展示层级关系,并...

    delphi 组权限设置

    用户组权限设置,代码简单,控制权限方便,可扩展性好。 通过系统管理员进入 权限设置,设置权限组及该组的功能。...程序缺点:没实现树形结构,Actions循序不能随便更改,改了以后需要更改数据库表。 欢迎高手指点。

    基于layui实现树形穿梭框

    "基于layui实现树形穿梭框"是layui框架中的一个组件,用于构建交互式的树状结构选择器,常用于权限管理、数据分类选择等场景。下面将详细介绍这个知识点。 1. layui框架基础: layui是一个轻量级的前端框架,包含...

    三级树形+用户控件分配权限

    在这个场景中,我们关注的是一个基于“三级树形结构”和“用户控件(UserControl)”来实现动态生成父子菜单,并用于分配用户权限的系统。这样的设计可以提供灵活且直观的权限控制,使管理员能够有效地管理不同用户的...

    Vue2.0权限树组件实现代码

    Vue2.0权限树组件实现代码是一个功能强大且灵活的组件,使用了递归组件的方式来实现树形菜单的展开和折叠,并使用了 Element-Ui 库的树形控件来实现树形结构。组件的样式和布局方面使用了 CSS 来实现,交互行为方面...

    好看的树形结构菜单

    6. **应用场景**:树形结构菜单广泛应用于文件浏览器、组织结构图、导航菜单、权限管理、分类目录等场景,尤其在需要展现多级关系的地方,它们能有效地减少用户的认知负担。 7. **编程实现**:在JavaScript中,实现...

    spring boot+layui+spring mvc+mybatis+maven加载树型后台权限管理菜单

    shiro 1.4.0 :权限控制框架 druid 1.1.5 :druid连接池,监控数据库性能,记录SQL执行日志 thymeleaf :2.1.4.RELEASE,thymeleaf前端html页面模版 log4j2 2.7 :日志框架 EHCache : 2.5.0 ztree : 3.5.31

    easy ui tree 前后端树形结构项目 权限管理demo

    本项目"easy ui tree 前后端树形结构项目 权限管理demo"提供了一个完整的解决方案,使用了Easy UI Tree库来实现前端的树形结构,并结合SSM(Spring、SpringMVC、MyBatis)框架和MySQL数据库进行后端处理。...

    PHP PW6.3树形论坛程序

    在实际应用中,PHP PW6.3树形论坛程序可能需要与MySQL等数据库系统配合,用于存储用户信息、帖子内容、权限设置等数据。同时,还需要考虑到用户体验的优化,例如通过Ajax技术实现页面的异步加载,提高交互速度,以及...

Global site tag (gtag.js) - Google Analytics