




免费预览已结束,剩余1页可下载查看
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
在页面中树形菜单1、应用XTree树型控件(1)XTree树型控件xtree.js是Web开发中运用较多的一个树型控件。其入门简单,功能强大,很多人在它的基础上开发出了自己的树型控件。XloadTree也是/公司的基于JavaScript的建立树型目录的开源产品,扩展性强,使用简单。由于XloadTree是基于XmlHttp请求/响应模型,必须使用http协议访问代码才可以正确加载XML文件。(2)下载XTree树型控件(编程方式的系统包)//download/xtree117.zip(3)下载XTree树型控件(XML文件方式的系统包、而且该XML文件可以是动态创建)/dhtml/xloadtree/xloadtree.html2、xtree有两种使用模式其一为显示构造树,而其二为运用XML数据源,同时该XML数据源也可以动态在Servlet组件中创建。3、显示构造树(可以参考systemManage/contentPage/leftMenu.jsp)(1)第一步需要引用其样式单文件link href= rel=stylesheet type=text/css(2)第二步再引用 xtree.js 文件script language=javascript type=text/javascriptsrc= (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=; forwardShowRegisterUserInfoItem.target=mainFrame; tree_userInfoManaeFolder.add(forwardShowRegisterUserInfoItem); var forwardDeleteRegisterUserInfoItem=new WebFXTreeItem(删除用户信息); forwardDeleteRegisterUserInfoItem.action=; forwardDeleteRegisterUserInfoItem.target=mainFrame; tree_userInfoManaeFolder.add(forwardDeleteRegisterUserInfoItem); treeRoot.add(tree_userInfoManaeFolder); document.write(treeRoot); (4)执行后将产生出下面的效果4、运用XML数据源但XML文件的内容是静态的(可配置的形式)(1)添加tree.dtd文件设计其内容(2)设计XML数据源文件设计其内容(3)编程该xLoadtree菜单l 第一步需要引用其样式单文件link href= rel=stylesheet type=text/cssl 第二步再引用 xtree.js 、xloadtree.js和xmlextras.js文件script language=javascript type=text/javascriptsrc= script language=javascript type=text/javascriptsrc= l 第三步编程WebFXLoadTree以产生出菜单var menuTree = new WebFXLoadTree(蓝梦BBS论坛后台管理菜单,leftMenu.xml); document.write(menuTree);(4)执行后将产生出下面的效果5、由Servlet动态产生出XML文件内容(可以产生动态树)(1)设计一个产生出XML文件内容的Servlet(2)添加一个JDomX
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论