三行代码实现树形菜单（xmlTree标签实例）

引入树操作JavaScript脚本文件

<chinahtml file="help/tree/act.htm"/><!-- 引入树操作文件 -->

图片路径及节点编号首字符

<bag id=pPage><we name=imgPath>help/tree</we><we name=id>e</we></bag>

引入xml文件并显示树形菜单

<xmlTree id="@{pPage:id}" url="javascript:alert" imgPath="@{pPage:imgPath}" p="HtokID">_samples/test.xml</xmlTree>

效果

完整代码

<html>
<head>
<title>XML树</title>
<chinahtml file="help/tree/act.htm"/><!-- 引入树操作文件 -->
<style>div{padding-left:0px;padding-top:0px;cursor:normal;font-size:12px}</style>
</head>
<body onload="onStart();">
<table border=0 style="overflow:scroll" cellspacing=0 cellpadding=0>
<tr><td height=8></td></tr>
<tr><td>
<chtml>
<bag id=pPage><we name=imgPath>help/tree</we><we name=id>e</we></bag>
<xmlTree id="e" url="javascript:alert" imgPath="@{pPage:imgPath}" p="HtokID">_samples/test.xml</xmlTree>
</chtml>
</td></tr></table>
</body>
</html>

（例子文件：_samples/tree.html）在轻开平台的_samples目录下

酷吧！

轻松互联网开发平台（Easy Do IT）资源下载

平台及最新开发手册免费下载：http://download.csdn.net/detail/tx18/8464425


开发实例：轻开B2C电子商务网站，免费下载：http://download.csdn.net/detail/tx18/8318585

轻开平台会不定期升级为大家提供更多强大而Easy的功能，请留意下载最新的版本

时间： 2024-11-07 05:12:49

三行代码实现树形菜单（xmlTree标签实例）的相关文章

三行代码实现树形菜单（多种风格的菜单展示）

代码 <html> <head> <title>XML树</title> <chinahtml file="help/tree/act.htm"/> <style>div{padding-left:0px;padding-top:0px;cursor:normal;font-size:12px}</style> </head> <body o

xmlTree标签树形菜单应用实例：B2C网站部门管理

轻开B2C电子商务网站的部门(组织机构)管理是一个典型的树形菜单应用实例,效果如图下边介绍一下简单的实现流程 1.存储部门信息的xml文件(轻开B2C电子商务网站base目录下的base/dept.xml文件) <?xml version="1.0" encoding="GBK"?> <D act="base/xml/DShow.html" color="red" weName="小时代"

使用jquery实现的多级树形菜单代码实例:树形菜单在网站中有大量的应用,这当然是因为它的独特优点,首先它可以有效的组织数据,使分类更为清晰明了,通常情况下树形菜单是可以折叠的,这样可以以更小的空间容纳更多的数据,下面就详细介绍一个使用jquery实现的属性菜单.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author&q

Bootstrap历练实例：带有下拉菜单的标签和胶囊导航

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Bootstrap历练实例:带有下拉菜单的标签和胶囊导航</title> <meta charset="utf-8" /> <meta name=&quo

JavaScript - 高级树形菜单实例

简单的树形菜单 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

用dtree实现树形菜单 dtree使用说明

http://www.jb51.net/article/28566.htm 准备工作: 请从脚本之家http://www.jb51.net/jiaoben/31974.html下载dtree.zip文件 dtree.zip压缩包介绍: dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源. 目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件, 不需要复杂的操作即可生产,同时支持动态从数据库引入数据解压后有以下几部分: img文件夹: 包含树

JS树形菜单

超全的JS树形菜单源代码共享(有实例图) 树形菜单是很常用的效果,常用在管理软件当中,但是一套树形菜单已经不能满足需求,所以如果能有一套比较全面的树形菜单JS特效代码,将会非常方便,下面懒人萱将超全的JS树形菜单共享出来,相信你一定用得上. 一共包括八种,下面就一一介绍: 1.不同表现方式的JS树形菜单(如图所示) 2.复选框式的JS树形菜单(如图所示)左图为只可以选择单节点,右图为在选择子节点的同时选择父节点 3.可以重新排列节点并且具有拖放功能的js树形菜单(如图所示) 4.带有提示框的js

实用的树形菜单控件tree

jQuery plugin: Treeview 这个插件能够把无序列表转换成可展开与收缩的Tree. jQuery plugin: Treeview jQuery jstree jsTree是一个基于jQuery的Tree控件.支持XML,JSON,Html三种数据源.提供创建,重命名,移动,删除,拖\放节点操作.可以自己自定义创建,删除,嵌套,重命名,选择节点的规则.在这些操作上可以添加多种监听事件. jstree jQuery UI Widgets FileTreePanel F

EasyUI创建异步树形菜单和动态添加tab页面

创建异步树形菜单添加树形菜单的ul标签 <ul class="easyui-tree" id="treeMenu"> </ul> 写js代码,对菜单的ul标签元素使用tree函数 $('#treeMenu').tree({ url:'tree_data.json' //url的值是异步获取数据的页面地址 }); 写用来异步获取数据的页面(tree_data.json页面).返回的需是Json值(此处用数组代替从数据库获取的数据,以省略连接数