关于Dtree+Jquery动态生成树节点
来源:才华咖 本文已影响1.34W人
来源:才华咖 本文已影响1.34W人
dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件,不需要复杂的操作即可生产,同时支持动态从数据库引入数据。
Dtree目录树的总结
一:函数
1:页面中
(id,pid,name,url,title,target,icon,iconOpen,open);
参数说明:
id :节点自身的`id
pid :节点的父节点的id
name :节点显示在页面上的名称
url :节点的链接地址
title :鼠标放在节点上所出现的提示信息
target :节点链接所打开的目标frame(如框架目标mainFrame,_blank,_self 类)
icon :节点关闭时的显示图片的路径
iconOpen:节点打开时的显示图
片的路径
open :布尔型,节点是否打开(默认为false)
注:open项:顶级节点一般采用true,即pid是-1的节点
2:文件中
约87-113行是一些默认图片的路径,注意要指对。
二:页面中的书写
1:默认值的书写规则(从左至右,依次省略)
即 (id,pid,name,url);后面5个参数可以省略
2:有间隔时的默认值(如存在第6个参数,但第5个参数想用默认值)
即 (id,pid,name,url,"",target);必须这样写
3:样式表
(1):可以将中的样式附加到你的应用中的主css中,如
(2):也可以同时引用与两个文件,但前提条件是两个css文件中不能有重复的样式
4:页面代码书写的位置是:一般写在表格的td之中
说明:这是静态的代码,动态的可用循环加入。其他 (id,pid,name,url,"","","","",true);
不罗嗦啦..上面的只是让你大概了解一下e怎么用.
dtree+JQuery动态生成树.思路其实很简单... 首先把树的节点信息存储到数据库,然后在servlet或jsp中获取数据库表中的数据,把这些信息写成在xml文件中.然后界面jsp页面通过JQuery实现对改 servlet的请求.并且回调方法中接受xml数据对象.并且遍历xml文件,取得xml文件中的节点的属性或文本数据.再循环的对dtree添加节点.。
5. 将 和,, img文件夹.放在WebRoot下面.(工程的根目录)
6. 编写我们的页面.
dream of the journey初中英语作文
关于jQuery trigger()方法用法介绍
Jquery中extend扩展方法的三个原型
jQuery 源码分析和Ready函数
java.util.ArrayDeque类使用方法介绍
怎样理解jquery中ajax的dataType属性选项值
JQuery的ready函数与JS的onload区别详解
刷牙的英语作文:If You Never Brushed Your Teeth
A Letter to the University President为题目的作文
jQuery中的read和JavaScript中的onload函数的区别在哪
关于javascript中encodeURI和decodeURI的使用方法
jQuery插件扩展extend的简单实现原理介绍
关于教师的英文写作:Ideal teacher in your heart
关于jQuery学习笔记之jQuery的分析
jQuery中delegate与on的用法与区别
关于Dtree+Jquery动态生成树节点
Request timed out网卡的故障解决方法
英语作文Perfect Dream Harry Potter
Unix更新freeBSDportTree的几种方法
英语美文精选What is Your Recovery Rate
Jolie drops battle over perfume named Shilohy英语作文
关于植树节活动总结范文
jquery中动态效果
JQuery中serialize()用法实例分析
《Are You Ready for a Quiz ?》优秀教案范文
关于植树节活动总结多篇
Java UrlRewriter伪静态技术运用分析
英语习惯用语:be led by the nose; under your nose
八年级《unit8 Why don’t you get her a scarf? Period1》评课稿
Arthurs legend redone英语美文
MS SQL Server Management Studio Express安装图文具体步骤
j2ee培训:如何构建RESTful Web Service
JQuery 获取和设置Select选项的代码精选
关于学生的态度成语
Perfect Dream Harry Potter英语作文
jQuery中ajax的get()方法运用示例
jQuery中hide()方法运用示例
英语满分作文:Reading-TheBestMeanstoAcquireknowledge
关于地球日的英语写作范文:Making Every Day Earth Day
关于阅读造就你我英语作文You are what you read