MzTreeView

JS 树形控件
授权协议 未知
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery 树形控件
软件类型 开源软件
地区 不详
投 递 者 公冶经纶
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

MzTreeView 1.0 是数据一次性加载,客户端节点异步展示的WEB脚本树。MzTreeView 1.0 的理论节点数设计上限为十万节点,在节点数三万的情况下页面打开时间小于 3 秒。无限层次无限节点的数的层级组成方式:id parentId。即每个节点除本身的节点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,默认值是 _self

MzTreeView.name
字符
只读,树的实例名,同树实例化时作为参数传入(大小写敏感):
var Tree = new MzTreeView("Tree");

MzTreeView.currentNode
树节点
只读,树当前得到焦点的节点对象

MzTreeView.icons
集合
树所使用的所有图标存放

MzTreeView.iconsExpand
集合
树里展开状态的图标存放

MzTreeView.colors
集合
树里使用到的几个颜色存放


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

属性名
属性的具体说明

node.id
数字文本,节点的ID

node.parentId
数字文本,节点对应的父节点ID

node.text
文本,节点的显示文本

node.hint
文本,节点的注释说明

node.icon
文本,节点对应的图标

node.path
文本,节点在树里的绝对路径:0_1_10_34

node.url
文本,该节点的 URL

node.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 转换成 HTML

MzTreeView.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时这步操作将会比较耗时

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

  • 最近又用到这个梅花雪树形控件以前都好好的。这次怎么该都是MzTreeView未定义 找啦好多资料都不行。本来是昨天写的本一位jsp页面必须使用gbk或者gb2312编码结果今天来又运行发行所有页面又报错啦。晚上走时还能正常运行呢。结果我把jsp页面改回原来的utf-8后。所有页面又正常啦。呵呵。js页面我也保存的是utf-8格式。最后总结下吧。其实 MzTreeView未定义就是你的js没引用到j

  • 1.首先导入js文件 <script language="JavaScript" src="js/MzTreeView10.js"></script> 2.action中查询出树的相关内容    需要在action中在数据库中查询出当前节点的名称和id,以及父节点的id,拼凑成下面的格式传给jsp。 3.jsp页面进行显示 jsp中只需要在body中写一个js块 <body>     <scrip

  • 属性 MzTreeView 类的一些属性: 属性名     类型     属性的具体说明 MzTreeView.nodes 集合 服务器端给树指定数据源时数据存放的对象,具体存放格式如: MzTreeViewHandle.nodes["parentId_nodeId"] = "text: nodeText; icon: nodeIcon; url: nodeURL; ...";   MzTreeV

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

  • <mce:script language="JavaScript" src="http://www.meizz.com/Web/Plugs/MzTreeView10.js" mce_src="http://www.meizz.com/Web/Plugs/MzTreeView10.js"></mce:script> <base href="http://www.meizz.com/Web/"

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

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

  •    private void ModuleTreeView()     {         //获取职位列表         IList<ModuleInfo> moduleList = moduleBLL.GetListModule();         //为MzTreeView生成数据源         StringBuilder js_ModuleTreeView = new Strin

  • /***********本人原创,欢迎转载,转载请保留本人信息*************/ 作者:wallimn 电邮:wallimn@sohu.com 博客:http://wallimn.bokee.com    http://blog.csdn.net/wallimn 时间:2006-11-21 /***********本人原创,欢迎转载,转载请保留本人信息*************/   这

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

  • MzTreeView 1.0 树形控件 使用: 1.下载控件,MzTreeView10 2.把MzTreeView10整个目录放置在web工程下(图片,js) 3.在后台建一个java类(生成字符串返回给前台) 格式如下: [color=red]tree.nodes["408_1239"]=" text:显示文本; data:id=自己的ID;URL=转向的URl method:alert('')

  • MzTreeView 1.0(树型菜单) 开发文档 2007-06-11 18:56 javascript 树型菜单 梅花雪脚本控件集 - TreeView - MzTreeView1.0   MzTreeView 1.0 开发文档   文档   开发文档: http://www.meizz.com/Web/Article.asp?id=436 控件下载: http://www.meizz.com

  • MzTreeView 一次加载数据的树 [@more@] 好东西当然要与大家分享。。。@与羊共舞的狼 MzTreeView 1.0 from---&gt>> http://www.meizz.com/ 开发文档: http://www.meizz.com/Web/Article.asp?id=436 控件下载: http://www.meizz.com/Web/Download/MzTreeVie

  • 这两天整B/S的东西要在网页上用树来展示层次结构,去网上找了找,找到三个:xtree、mztreeview10(梅花雪树)以及dhtmlxTree.花了一些时间对这三个东西进行了一下测试分析。   1.dhtmxTree   优点:功能非常强,尤其应对树是动态变化的情况,提供了大量的API:比如添加节点、修改节点标题样式及图标、CheckBox功能、节点的查找定位以及拖动,树数据是从特定格式的XM

 相关资料
  • 用清晰的层级结构展示信息,可展开或折叠。 基础用法 基础的树形结构展示。 demo <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree> <script> export default { data() { return { data: [{

  • Tree 树形控件 用清晰的层级结构展示信息,可展开或折叠。 基础用法 基础的树形结构展示。 ::: demo 基础的树形结构展示 constructor(props) { super(props); this.state = { data: [{ label: '一级 1', children: [{ label: '二级 1-1',

  • 用清晰的层级结构展示信息,可展开或折叠。 基础用法 基础的树形结构展示。 <el-tree [model]="data"> </el-tree> <script type="text"> // in Component data: any = [{ label: '一级 1', children: [{ label: '二级 1-1', children: [{

  • Tree 树形控件 用清晰的层级结构展示信息,可展开或折叠。 基础用法 基础的树形结构展示。 demo <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree> <script> export default { data() { return {

  • pre { white-space: pre-wrap; } 当在一个应用中使用树(Tree)插件,拖拽(drag)和放置(drop)功能要求允许用户改变节点位置。启用拖拽(drag)和放置(drop)操作,所有您需要做的就是把树(Tree)插件的 'dnd' 属性设置为 true。 创建树形菜单(Tree)     $('#tt').tree({         dnd: true,     

  • 本文向大家介绍Android树形控件的实现方法,包括了Android树形控件的实现方法的使用技巧和注意事项,需要的朋友参考一下 在PC上我们已经习惯了树形控件,因为其可以清晰的展现各个节点之间的层次结果,但是在Android平台上,系统并没有提供这样一个控件,而是只有ListView。不过通过改写与ListView绑定的Adapter可以实现这样一个效果。  一个ListView需要和一个Adap

  • 本文向大家介绍Bootstrap树形控件使用方法详解,包括了Bootstrap树形控件使用方法详解的使用技巧和注意事项,需要的朋友参考一下 一、JQuery树形控件 Jquery树形控件是一款基于JQuery+bootstrap、完全通过js和样式手写出来的非常轻量级的控件,网上很多地方都能看到它的影子。它功能简单、用户体验不错。对于一些简单的层级关系展示比较实用,但对于节点的增删改实现起来就不容

  • Tabris.js app的UI界面由原生控件组成。这些控件在原生代码里执行,并用JavaScript对象来描述。为了在屏幕上可见,每个控件都必须有一个父控件。可以使用 appendTo 方法向父控件添加控件。 UI根节点 所有控件的顶级父控件用对象 ui 表示。该对象包含一些固定的子控件,用于表示app用户界面的不同部分: ui.statusBar - 显示时间和一些系统图标 ui.naviga