MzTreeView JS 树形控件

我要开发同款
匿名用户2011年07月26日
154阅读
开发技术JavaScript
所属分类jQuery树形控件、jQuery插件、jQuery 树形控件
授权协议未知

作品详情

MzTreeView1.0是数据一次性加载,客户端节点异步展示的WEB脚本树。MzTreeView1.0的理论节点数设计上限为十万节点,在节点数三万的情况下页面打开时间小于3秒。无限层次无限节点的数的层级组成方式:idparentId。即每个节点除本身的节点id之外还有它的父层节点id,通过这种方式就可以组合成无限层级的树了。

在MzTreeView里都有一个虚的根节点,其ID为0,用户可见的根节点其父节点ID皆为0

 

 

属性

MzTreeView类的一些属性:

 

属性名类型属性的具体说明MzTreeView.nodes集合服务器端给树指定数据源时数据存放的对象,具体存放格式如:MzTreeViewHandle.nodes["parentId_nodeId"]="text:nodeText;icon:nodeIcon;url:nodeURL;...";MzTreeView.url地址字符串可读写,树缺省的URL,默认值是#MzTreeView.target目标框架名可读写,树缺省的链接target,默认值是_selfMzTreeView.name字符只读,树的实例名,同树实例化时作为参数传入(大小写敏感):varTree=newMzTreeView("Tree");MzTreeView.currentNode树节点只读,树当前得到焦点的节点对象MzTreeView.icons集合树所使用的所有图标存放MzTreeView.iconsExpand集合树里展开状态的图标存放MzTreeView.colors集合树里使用到的几个颜色存放

MzTreeView在客户端的节点所拥有的属性:

属性名属性的具体说明node.id数字文本,节点的IDnode.parentId数字文本,节点对应的父节点IDnode.text文本,节点的显示文本node.hint文本,节点的注释说明node.icon文本,节点对应的图标node.path文本,节点在树里的绝对路径:0_1_10_34node.url文本,该节点的URLnode.target文本,该节点链接的目标框架名node.data文本,该节点所挂载的数据node.method文本,该节点的点击对应处理语句node.parentNode对象,节点的父节点对象node.childNodes数组,包含节点下所有子节点的数组node.sourceIndex文本,服务器给予的数据里对象的parentId_nodeId的组合字符串node.hasChild布尔值,指该节点是否有子节点node.isLoad布尔值,本节点的子节点数据是否已经在客户端初始化node.isExpand布尔值,节点的展开状态

方法

MzTreeView类的一些方法:

方法名方法的具体说明MzTreeView.toString()类的默认初始运行MzTreeView.buildNode(id)将该节点的所有下级子节点转换成HTML并在网页上体现出来MzTreeView.nodeToHTML(node,AtEnd)将node转换成HTMLMzTreeView.load(id)从数据源里加载当前节点下的所有子节点MzTreeView.nodeInit(sourceIndex,parentId)节点的信息初始,从数据源到客户端完整节点的转化MzTreeView.focus(id)聚集到某个节点上MzTreeView.expand(id[,sureExpand])展开节点(包含下级子节点数据的加载初始化)MzTreeView.setIconPath(path)给节点图片设置正确的路径MzTreeView.nodeClick(id)节点链接点击时同时被触发的点击事件处理方法MzTreeView.upperNode()跳转到当前聚集节点的父级节点MzTreeView.lowerNode()跳转到当前聚集节点的子级节点MzTreeView.pervNode()跳转到当前聚集节点的上一节点MzTreeView.nextNode()跳转到当前聚集节点的下一节点MzTreeView.expandAll()展开所有的树点,在总节点量大于500时这步操作将会比较耗时

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论