MzTreeView 1.0 树形控件
使用：
1.下载控件,MzTreeView10
2.把MzTreeView10整个目录放置在web工程下(图片,js)
3.在后台建一个java类（生成字符串返回给前台）
格式如下：
tree.nodes["408_1239"]=" text:显示文本; data:id=自己的ID;URL=转向的URl method:alert('');";
！注意分号和“”号也都要，自己写方法取得数据库要生存树的表所有记录，然后拼凑，一条记录生成一个这样的节点字符串给JS解析
tree是可以指定的树的名称
408 是数据库的父节点id
1239 是自己的id
text 是显示在页面的节点名称
data 跟URL 配和，当点击转向另外地址是 后面自动带参数id=自己的ID;如url.jsp?id=5;
mehod 点击后触发的js方法，可自定义执行
默认解析根节点为0（数据库要设置）
！
tree表示自定义的树名称，要与页面的var SORTTREE = new MzTreeView("SORTTREE");两个都相同
如上面这个在数据库里就要定义tree为"SORTTREE" 字符串
HTML页面中
<script type="text/javascript" src="<%=path%>/include/js/MzTreeView10/MzTreeView10.js"></script>
<body bgcolor="#FFFFDB" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<SCRIPT LANGUAGE="JavaScript">
var SORTTREE = new MzTreeView("SORTTREE");//两个名字都要和数据库命名的树一致
SORTTREE.icons["property"] = "<%=path%>/include/js/MzTreeView10/property.gif";
SORTTREE.icons["css"] = "<%=path%>/include/js/MzTreeView10/collection.gif";
SORTTREE.icons["book"] = "<%=path%>/include/js/MzTreeView10/book.gif";
SORTTREE.iconsExpand["book"] = "<%=path%>/include/js/MzTreeView10/bookopen.gif"; //展开时对应的图片
SORTTREE.setIconPath("<%=path%>/include/js/MzTreeView10/"); //可用相对路径
<%=TreeHandler.getSortTree()%>//在这里返回数据库生成的字符串
SORTTREE.setURL("#");
SORTTREE.setTarget("MzMain");
document.write(SORTTREE.toString()); //亦可用 obj.innerHTML = tree.toString();
</SCRIPT>
</body>
</body>
MzTreeView未定义错误
下下来的是GBK编码，jsp页面本省设的是UTF-8编码,把JS文件转成UTF-8就可以了
利用计事本
例子【转】有点小bug 看得比较明白：
<head>
</head>
<body>
<script language="JavaScript"
src="e:/MzTreeView10/MzTreeView10.js"></script>
<style>
A.MzTreeview
{
font-size: 9pt;
padding-left: 3px;
}
</style>
<script language="JavaScript">
var tree = new MzTreeView("tree");
tree.icons["property"] = "property.gif";
tree.icons["css"] = "collection.gif";
tree.icons["book"] = "book.gif";
tree.iconsExpand["book"] = "bookopen.gif"; //展开时对应的图片
tree.setIconPath("e://MzTreeView10//"); //可用相对路径
tree.nodes["0_1"] = "text:我的根";
tree.nodes["1_400"] = "text:JavaScript; icon:book; data:id=400";
tree.nodes["400_409"] = "text:属性; data:id=409";
tree.nodes["408_1239"] = "text:||; data:id=239; method:alert(alert！');"; //调用html方法：alert
tree.nodes["409_1163"] = "text:E; data:id=163; method:myMethod('节点响应:调用自定义函数：myMethod！')"; //调用自定义函数：myMethod
var strstree="\""+"text:"+"动态节点500"+"; data:id=500"+"\"";
//mytree(tree,strstree);//用方法动态定义“Tree”的子节点。
//注：动态定义的方法要与 var tree = new MzTreeView("tree");它在同一个<script language="JavaScript">中！
tree.nodes["1_600"]="text:动态生成600; data:id=500";
tree.nodes["1_700"]=strstree;
document.write(tree.toString()); //亦可用 obj.innerHTML = tree.toString();
function mytree(mytreevar,strtext){
mytreevar.nodes["1_500"]=strtext;
}
function myMethod(str){
alert(str);
}
function cc(){
cccc.value=strstree;
}
</script>
<input type="text" id="cccc" size=50 value=""/>
<input type="button" id="11" value="cc" onClick="cc();"/>
</body>
</html>
分享到：
相关推荐
梅花雪MzTreeView1.0 梅花雪MzTreeView1.0 梅花雪MzTreeView1.0 梅花雪MzTreeView1.0 梅花雪MzTreeView1.0
梅子园系列 Mztreeview1.0 Mztreeview2.0 日历控件 日期控件 详情请访问:http://www.cnblogs.com/qiaojun/articles/1428058.html
"MzTreeView1.0" 是一个专门用于创建和管理树形结构的JavaScript库，它提供了丰富的功能和良好的用户体验。在Web开发中，树形结构常用于展现层级关系的数据，如目录结构、组织架构或者导航菜单等。这个库的发布旨在...
"MzTreeView1.0"是一款专门用于创建和管理树形结构的控件，适用于Windows应用程序开发，尤其是在IT行业的GUI（图形用户界面）设计中。它提供了丰富的功能和灵活性，使得开发者能够轻松地在应用程序中构建出层次清晰...
"mztreeview树形控件"是一个用于网页的JavaScript组件，专门用于创建和展示树形结构的数据。在网页设计和开发中，树形控件常用于组织和展示层次化的信息，如目录结构、菜单系统或者关系图表。Mztreeview是一个流行的...
三个常用树控件dtree最新dtree带checkbox还有mztreeview1.0跟2.0里面还有本人写的部分demo如果是常用开发请使用mztree1.0或dtree 如果有特殊需求请使用带checkbox的dtree或mztree2.0
"MztreeView 1.0控件"是一个用于Windows应用程序开发的组件，它提供了一种树形视图的用户界面，使开发者能够方便地展示层次结构的数据。在.NET框架下，这种控件常用于文件系统浏览、组织结构展示或者自定义菜单等...
MzTreeView 梅花雪树形菜单通用版，MzTreeView 1.0 是数据一次性加载，客户端节点异步展示的WEB脚本树。MzTreeView 1.0 的理论节点数设计上限为十万节点，在节点数三万的情况下页面打开时间小于 3 秒。无限层次无限...
花了五天时间，终于做好了asp.net mvc后台管理系统...采用的了Form身份验证,WebServices,Linq,数据加密解密，Mztreeview1.0 解决了mvc传递中文字符的问题 参考: http://www.cnblogs.com/qiaojun/articles/1436235.html
"梅花雪树形菜单1.0"是一款基于JavaScript编写的动态树形菜单系统，由MzTreeView1.0实现。这个版本的菜单设计简洁而优雅，旨在为网站提供直观、高效的导航体验。开发者通过这款菜单可以轻松构建层级分明、交互性强的...
效果图见 http://blog.csdn.net/xuStanly/archive/2006/09/11/1207222.aspx
AjaxTree jsptree MzTreeView xtree树形菜单代码集锦，其中有两个例子是用在JSP环境下的WEB Tree，其余是基于js的树形菜单，一共有5款树状菜单代码，不管是学习参考或是使用都是值得下载收藏的。
8. **MzTreeView2**：这个压缩包内的“mztreeview2”可能是一个特定的树形控件实现或示例，可能包含自定义的扩展功能或优化。要深入理解其工作原理，你需要解压文件并查看源代码。 在实际应用中，静态树形控件可能...
MzTreeView 1.0 是数据一次性加载，客户端节点异步展示的WEB脚本树。MzTreeView 1.0 的理论节点数设计上限为十万节点，在节点数三万的情况下页面打开时间小于 3 秒。无限层次无限节点的数的层级组成方式：id ...
"梅花雪 组件"是一个专为开发者设计的控件库，主要包含了一个名为"MzTreeView1.0"的树形视图组件。这个组件可能是用于Windows应用程序开发的，特别是那些基于Visual Basic、C++或.NET Framework等平台的项目。树形...
内容索引:脚本资源,Ajax/JavaScript,MzTreeView,树形菜单 MzTreeView 梅花雪树形菜单通用版，MzTreeView 1.0 是数据一次性加载，客户端节点异步展示的WEB脚本树。MzTreeView的理论节点数设计上限为十万节点，在节点...
文件名为“mztreeview2”的可能是一个压缩包，其中包含了实现这个树形控件的HTML、CSS和Javascript文件。HTML文件可能定义了树形结构的基本框架，通过DOM元素和特定的class来表示每个节点。CSS文件则提供了样式规则...
梅花雪树形控件1.0和2.0MzTreeView /*---------------------------------------------------------------------------*\ | Subject: JavaScript Framework | Author: meizz | Created: 2005-02-27 | Version: 2006-...
“MzTreeView”这个名字融合了“梅花”与“树”的意象，寓意着这款菜单控件如梅花般精致且富有层次，如树状结构般清晰。它主要服务于那些需要在网页中展现多层次数据的项目，通过简洁的API和丰富的自定义选项，使...