<!-- Json 循环列出树形菜单 注意点:tree.nodes[]中键不可加引号 -->
<script type="text/javascript">
var tree = new MzTreeView("tree");
tree.icons["property"] = "property.gif";
tree.icons["css"] = "collection.gif";
tree.icons["event"] = "collection.gif";
tree.icons["book"] = "book.gif";
tree.iconsExpand["book"] = "bookopen.gif";
tree.setIconPath("/images/treeview/"); //展开时对应的图片的存放路径
tree.nodes["0_1"] = "text:世界;url:/Contract/index";
tree.nodes["1_2"] = "text:中国;url:/Contract/index";
tree.nodes["1_3"] = "text:美国;url:/Contract/index";
tree.nodes["2_5"] = "text:北京;url:/Contract/index";
tree.nodes["2_6"] = "text:天津;url:/Contract/index";
tree.nodes["2_7"] = "text:上海;url:/Contract/index";
tree.nodes["2_8"] = "text:河北;url:/Contract/index";
tree.nodes["3_9"] = "text:洛杉矶;url:/Contract/index";
tree.nodes["3_10"] = "text:华盛顿;url:/Contract/index";
tree.nodes["5_11"] = "text:海淀;url:/Contract/index";
tree.nodes["5_12"] = "text:朝阳;url:/Contract/index";
tree.nodes["8_13"] = "text:石家庄;url:/Contract/index";
tree.nodes["8_14"] = "text:邯郸;url:/Contract/index";
//var treeList = <?php echo $tree; ?>;
//for(var key in treeList){
// tree.nodes[treeList[key].concate.parent_id + "_" + treeList[key].concate.id] = "text:" + treeList[key].concate.caption + ";url:http://www.baidu.com;target:_blank";
//}
document.write(tree.toString());
</script>
注意:注意:当用循环Json时,需要注意到tree.nodes[""]中的""是不可用的,否则可能会显示不了!当写数据时,可以这样写:tree.nodes["0_1"] = "text:AAA;url:bbb";但当循环时,例:tree.nodes["'" + treeList[key].concate.parent_id + "_" + treeList[key].concate.id + "'"] = "text:" + treeList[key].concate.caption + ";url:http://www.baidu.com;target:_blank";这种不可取。"'"不能写。
最后效果:如下图
分享到:
相关推荐
梅花雪MzTreeView1.0 梅花雪MzTreeView1.0 梅花雪MzTreeView1.0 梅花雪MzTreeView1.0 梅花雪MzTreeView1.0
MzTreeView10 开发文档 菜单树开发入门
MzTreeView10。梅花网站已经不能下了。 转帖帮忙下载下
mztreeview,梅花雪 树形菜单 你们懂得
MZTreeView
主站不能下载了 找了好久才找到 mztreeview1.0 好用的树形结构 灵活
修改自meizz的树,这个树确实很强 可加checkbox和radio参考了 http://blog.csdn.net/xustanly/archive/2006/09/11/1207222.aspx
MzTreeView 自带的复选框是图片,经过本人改进后 只需在后追加个属性即可生成带复选框的树,并且可指定复选框的选中状态。 例如:data["-1_12345"] = "text:节点名;checked:checked;value:checkboxvalue;"; checked:...
MzTreeView大家都知道吧,是一个效率很高的树,但是源代码是asp的,现增加asp.net调用方法.
自己改写的mztreeview2.0 ,功能更强大, 欢迎使用
MzTreeView + jQuery 实现地区树型选择.
MzTreeView1.4版本, 动态以JSON,XML数据方式加载子节点.
js 代码生成树形 列表 已存在默认样式 进入 点击Mtree.html 直接查看效果
梅花雪树控件用来做树状图非常给力。非常方便。
用javascript实现树的生成,算法相对来说比许多树生成方法都优化
好的树形结构,请大家下载使用,好的树形结构,请大家下载使用,好的树形结构,请大家下载使用,好的树形结构,请大家下载使用,好的树形结构,请大家下载使用,
一个1024节点的树,js写的 欢迎大家下载
树控件MzTreeView,可以无限增加多级树节点,并且有节点展开,折叠状态图标