<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/" mce_href="http://www.meizz.com/Web/"> <mce:style><!-- A.MzTreeview { font-size: 9pt; padding-left: 3px; } --></mce:style><style mce_bogus="1">A.MzTreeview { font-size: 9pt; padding-left: 3px; }</style> <mce: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("http://www.meizz.com/Icons/TreeView/"); //可用相对路径 tree.nodes["0_1"] = "text:WEB 编程"; tree.nodes["1_100"] = "text:代码示例; data:id=100"; tree.nodes["1_200"] = "text:梅花雪脚本控件集; data:id=200"; tree.nodes["1_310"] = "text:CSS; icon:css; data:id=310"; tree.nodes["1_320"] = "text:DHTML; data:id=320"; tree.nodes["1_300"] = "text:HTML; data:id=300"; tree.nodes["1_400"] = "text:JavaScript; icon:book; data:id=400"; tree.nodes["320_322"] = "text:属性; icon: property; data:id=322"; tree.nodes["320_323"] = "text:方法; data:id=323"; tree.nodes["320_324"] = "text:事件; icon:event; data:id=324"; tree.nodes["320_325"] = "text:集合; data:id=325"; tree.nodes["400_407"] = "text:对象; data:id=407"; tree.nodes["400_406"] = "text:方法; data:id=406"; tree.nodes["400_408"] = "text:运算符; data:id=408"; tree.nodes["400_409"] = "text:属性; data:id=409"; tree.nodes["407_1140"] = "text:Date; url:Article.asp; data:id=140"; tree.nodes["406_1127"] = "text:toString; url:Article.asp; data:id=127"; tree.nodes["408_1239"] = "text:||; url:Article.asp; data:id=239"; tree.nodes["409_1163"] = "text:E; url:Article.asp; data:id=163"; tree.setURL("Catalog.asp"); tree.setTarget("MzMain"); document.write(tree.toString()); //亦可用 obj.innerHTML = tree.toString(); // --></mce:script>
地址:http://www.meizz.com/Web/Article/211/436.htm
MzTreeView 1.0 是数据一次性加载,客户端节点异步展示的WEB脚本树。MzTreeView 1.0 的理论节点数设计上限为十万节点,在节点数三万的情况下页面打开时间小于 3 秒。无限层次无限节点的数的层级组成方式:id parentId。即每个节点除本身的节点id之外还有它的父层节点id,通过这种方式就可以组合成无限层级的树了。 在 MzTreeView 里都有一个虚的根节点,其ID为
pre { white-space: pre-wrap; } 当在一个应用中使用树(Tree)插件,拖拽(drag)和放置(drop)功能要求允许用户改变节点位置。启用拖拽(drag)和放置(drop)操作,所有您需要做的就是把树(Tree)插件的 'dnd' 属性设置为 true。 创建树形菜单(Tree) $('#tt').tree({ dnd: true,
pre { white-space: pre-wrap; } 本教程向您展示如何附加节点到树形菜单(Tree)。我们将创建一个包含水果和蔬菜节点的食品树,然后添加一些其他水果到已存在的水果节点。 创建食品树 首先,我们创建食品树,代码如下所示: <div> <ul id="tt" url="tree_data.json"></ul> </div> 请注意,树(T
pre { white-space: pre-wrap; } 为了创建异步的树形菜单(Tree),每一个树节点必须要有一个 'id' 属性,这个将提交回服务器去检索子节点数据。 创建树形菜单(Tree) <ul id="tt" url="tree2_getdata.php"> </ul> 服务器端代码 $id = isset($_POST['i
pre { white-space: pre-wrap; } 通常表示一个树节点的方式就是在每一个节点存储一个 parentid。 这个也被称为邻接列表模型。 直接加载这些数据到树形菜单(Tree)是不允许的。 但是我们可以在加载树形菜单之前,把它转换为标准标准的树形菜单(Tree)数据格式。 树(Tree)插件提供一个 'loadFilter' 选项函数,它可以实现这个功能。 它提供一个机会来改
pre { white-space: pre-wrap; } 一个树形菜单(Tree)可以从标记创建。easyui 树形菜单(Tree)也可以定义在 <ul> 元素中。无序列表的 <ul> 元素提供一个基础的树(Tree)结构。每一个 <li> 元素将产生一个树节点,子 <ul> 元素将产生一个父树节点。 创建树形菜单(Tree) <ul> <li>
pre { white-space: pre-wrap; } easyui 的树(Tree)插件允许您创建一个复选框树。如果您点击一个节点的复选框,这个点击的节点信息将向上和向下继承。例如:点击 'tomato' 节点的复选框,您将会看见 'Vegetables' 节点现在仅仅选中部分。 创建复选框树 <ul id="tt" url="data/tree_data
问题内容: 我正在尝试从我的PHP和MySQL数据库中构建一个不被接受的列表菜单树。 我有一个从数据库返回的页面对象数组。每个页面对象都有parent_id属性,如果没有父对象,则将其设置为null。页面对象如下所示: 如果可能的话,我不想递归地做,只打一次数据库,因为我将在几乎每个请求上构建菜单。我想创建一个函数,将其对象数组传递给它,它将返回html列表。 问题答案: 我喜欢@mario的解决