面向对象的js 树形组件 JSTree。
来源:互联网 发布:无主之地2 mac繁体 编辑:程序博客网 时间:2024/05/16 08:32
本文主要介绍一下,自己开发的面向对象的js 树形组件 JSTree。
本组件的开发采用面向对象的开发方式开发的。在 JSTree 有两个重要的对象:JSTree 与 TreeNode
TreeNode 的原型JSTree的一个树形,所以需要将JSTree的实例创建出来,才能创建TreeNode的实例。
var jsTree = new JSTree('tree');//创建树 其中 tree是容纳这颗树的div的id
var node = new jsTree.TreeNode();//创建节点
TreeNode 属性 children(子节点),hasChild(是否有子节点),imagePath(图片路径),title(显示文本信息),id,parentId(父节点id),item(该节点的附加信息)
函数方法:getCheckBox() 获得该节点的复选框对象,只在展示复选框的情况下有效。
appendChild 添加子节点,添加子节点的参数,一定是一个对象,且这个对象必须由 TreeNode 创建出来的。
支持动态加载,即在树生成之后,添加节点,不需要重新再生成树
openChildren 打开该节点的子节点
JSTree 方法:addNode 添加节点,只能静态添加,在树形生成之前调用
createRoot 创建根节点
bootTree 生成树
getTreeNode 通过id 获取树节点
setOnClickEvent 设置单击事件
setOnDblClickEvent 设置双击事件
setFocus 获得某个节点的焦点
getSelectedNodes 复选框选中状态的最底层子节点
setIsOpen 设置树形是否一次性完全展开 (只支持在 非延迟加载的情况下,延迟加载不支持)
setShowCheckBox 设置是否需要显示复选框
setTitle 设置节点的文本信息
setIcon 设置图片
setHideHelpLine 设置是否隐藏辅助线
setIsDblClickShowTree 设置是否双击打开节点
setIslazyLoad 设置树是否延迟加载,这功能是本树的特色
setIsRootEventDisabled 是否设置根节点事件无效
setTreeBackground 设置树的背景颜色
JSTree.js 下载路径 http://download.csdn.net/detail/xukaihua2006/4920540
- 面向对象的js 树形组件 JSTree。
- jstree树形文件夹用vue.js组件格式做出来
- jstree树形文件夹用vue.js组件格式做出来
- js 面向对象组件开发
- js面向对象---组件开发
- JS面向对象及组件开发
- JS面向对象及组件开发
- JS面向对象及组件开发
- JS面向对象及组件开发
- JS面向对象及组件开发
- js面向对象组件开发参考1
- js 面向对象组件开发参考2
- js 面向对象开发组件参考3
- js面向对象组件开发框架
- js面向对象组件开发---拖拽
- js面向对象组件开发---弹窗
- 面向对象的js
- js的面向对象
- getSystemService方法的调用
- signal(SIGPIPE, SIG_IGN)
- 给中国学生的第七封信——21世纪最需要的7种人才
- 如何在Fedora10下安装中文输入法
- 汉诺塔(递归)
- 面向对象的js 树形组件 JSTree。
- Android之Sqlite
- 如何高效的使用搜索引擎进行学习
- PC/Uva 11015/10267 图形编辑器(Graphical Editor)
- 摘自盖茨THE ROAD AHEAD《未来之路》
- K60(Cortex-M4)开源开发探索(四)—— 交叉编译环境设计
- 捕鱼忍者(ninja fishing)之游戏指南+游戏攻略+游戏体验
- 《世界是平的》(完整)
- Linux进程间通信之管道(pipe)、命名管道(FIFO)与信号(Signal)