面向对象的js 树形组件 JSTree。

本文主要介绍一下，自己开发的面向对象的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