在页面中树形菜单1、应用 XTree 树型控件(1)XTree 树型控件xtree.js 是 Web 开发中运用较多的一个树型控件。其入门简单,功能强大,很多人在它的基础上开发出了自己的树型控件。XloadTree 也是 webfx.eae.net/公司的基于 JavaScript 的建立树型目录的开源产品,扩展性强,使用简单。由于 XloadTree 是基于 Xml 请求/响应模型,必须使用 协议访问代码才可以正确加载 XML文件。(2)下载 XTree 树型控件(编程方式的系统包)webfx.eae.net/webfx.eae.net/download/xtree117.zip(3)下载 XTree 树型控件(XML 文件方式的系统包、而且该 XML 文件可以是动态创建)webfx.eae.net/dhtml/xloadtree/xloadtree.html2、xtree 有两种使用模式其一为显示构造树,而其二为运用 XML 数据源,同时该 XML 数据源也可以动态在 Servlet 组件中创建。3、显示构造树(可以参考 systemManage/contentPage/leftMenu.jsp)(1)第一步需要引用其样式单文件
' rel="stylesheet" type="text/css">(2)第二步再引用 xtree.js 文件' >(3)第三步编程 WebFXTreeItem 以产生出菜单var treeRoot = new WebFXTree('蓝梦 BBS 论坛后台管理菜单'); var tree_userInfoManaeFolder = new WebFXTreeItem("用户信息管理") var forwardQueryUserInfoItem=new WebFXTreeItem("查询一般用户信息"); forwardQueryUserInfoItem.action='
'; forwardQueryUserInfoItem.target="mainFrame"; tree_userInfoManaeFolder.add(forwardQueryUserInfoItem); var forwardQueryVIPUserInfoItem=new WebFXTreeItem("查询 VIP 用户信息"); forwardQueryVIPUserInfoItem.action='
'; forwardQueryVIPUserInfoItem.target="mainFrame"; tree_userInfoManaeFolder.add(forwardQueryVIPUserInfoItem); var forwardShowRegisterUserInfoItem=new WebFXTreeItem("显示用户信息"); forwardShowRegisterUserInfoItem.action='
查看更多