js获取数据生成dtree_js怎样将获取json转换为树形结构

① 哪位大侠可以帮我写一段java 代码！是关于根据数据库里的数据来形成一个动态树形图

这是代码，你可以自己调试一下。
数据结构如下：

CREATE TABLE dtree (
id int,
pid int,
name varchar(200),
url varchar(200),
title varchar(200),
target varchar(200),
icon varchar(200),
iconopen varchar(200),
opened bit);

为了实现获取数据库变量功能，需要建立一个DTree类，并编译生成CLASS文件，放入\WEB-INF\classes文件夹下。

DTree类代码如下：

package work3;

public class DTree {
private int id;
private int pid;
private String name;
private String url;
private String title;
private String target;
private String icon;
private String iconOpen;
private int opened;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public int getPid() {
return pid;
}
public void setPid(int pid) {
this.pid = pid;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getUrl() {
return url;
}
public void setUrl(String url) {
this.url = url;
}
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getTarget() {
return target;
}
public void setTarget(String target) {
this.target = target;
}
public String getIcon() {
return icon;
}
public void setIcon(String icon) {
this.icon = icon;
}
public String getIconOpen() {
return iconOpen;
}
public void setIconOpen(String iconOpen) {
this.iconOpen = iconOpen;
}
public int getOpened() {
return opened;
}
public void setOpened(int opened) {
this.opened = opened;
}

}

work3.jsp代码如下：

<%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%>
<%@ page import="java.sql.*"%>
<jsp:useBean id='settree' scope="application" class="work3.DTree" />

<!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=GB18030">
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
<title>dTree in MySQL</title>
</head>
<body>

<h2>
Example
</h2>
<div class="dtree">
<p>
<a href="javascript: d.openAll();">open all</a> |
<a href="javascript: d.closeAll();">close all</a>
</p>
<script type="text/javascript">

</script>

</div>
</body>
</html>

② 如何利用js获取由js生成的元素

通过js生成html只要添加到body里面后，你就可以像操作其他页面html一样操作了，比如：<li xx=yy id='myLi'>
$("#myLi").attr("xx");

③ js把以下数据转成树形结构

var obj = [
{id: 3, parent: 2},
{id: 1, parent: 'nul'},
{id: 2, parent: 1}
];

④ js怎样将获取json转换为树形结构

比如这样一段json
{
"name":"1级菜单内1",
"link":"###",
"isleaf": false,
"level": 0,
"children": [
{
"name":"2级菜单1",
"link":"###",
"isleaf": false,
"level": 1,
"children": [
{
"name":"3级菜单1",
"link":"###",
"isleaf": true,
"level": 2,
"children": null
},
{
"name":"3级菜单2",
"link":"###",
"isleaf": true,
"level": 2,
"children": null
}
]
},
{
"name":"2级菜单2",
"link":"###",
"isleaf": false,
"level": 1,
"children": [
{
"name":"3级菜单3",
"link":"###",
"isleaf": true,
"level": 2,
"children": null
}
]
}
]
}

我怎样容把他转换成
<div>
<a href="###">一级菜单</a>
<ul>
<li>
<a>2级菜单1</a>
<ul>
<li><a href="###">3级菜单1</a></li>
<li><a href="###">3级菜单2</a></li>
</ul>
</li>
<li>
<a href="###">2级菜单2</a>
.......
</li>
</ul>
</div>

⑤ JS 如何获取动态生成的元素的数据，并且进行操作

可以把动态生成的元素的事件委托给固定的父元素（比如$("#selects")）去处理，这样的话版不管动态添加多少权元素，最终都会把事件冒泡给父元素，父元素再根据target对象获取事件的委托方并作出相应处理。具体请自行网络“事件委托”或“事件代理”。

⑥ 如何获取js生成内容的完整的html代码

获得JS生成后的HTML代码，首先需要要获取的是那一段代码，然后在通过innerHTML这个JS的方内法来调用，然后在容输出这段方法就行了；
代码：
<html>
<head></head>
<script>
var oDiv = document.getElementById('div1');
alert(oDiv.innerHTML);
</script>
<body>
<div id='div1'>
<p>会被获取的</p>
</div>
/body>
</html>
这样就能获取到JS生成后的html代码。

⑦ JS读取JSON数据生成树

数据量少的话，for就好了，要是有多级结构，最好用数组的形式（JSON多几层没关内系，关键是结构清晰，容方便扩展）：
{
[
{"main_1":{"data":{"cid" : "1","name" : "品牌1","pid" : "0"},"Sub":"[
{"main_1":{"data":{"cid" : "1","name" : "品牌1","pid" : "0"}}},
...
]"}},
{"main_2":{"data":{"cid" : "1","name" : "品牌1","pid" : "0"},"Sub":"[...]"}}，
...
]
}

⑧ js根据数据length动态生成dom树，重复子节点添加到父节点上，故写了个函数，但效果不能实现，求解答。

没看出来哪里“重复”了，至始至终都是同一个 child 节点对象。

问题原因在于题主对引用类型和值类型的概念模糊。

⑨ thinkphp引用dtree，怎么把dtree的分类名从数据库获得数据显示出来

首先数据库名和表明不要重复。没有特别的原因，有的时候这样会出问题，而且是很难发现的问题。
首先需要一个树形的表，你的表不是树形的。
树形的表需要id和pid(parentID)。你这样2张表是什么意思？
一个二级的树形？
如果是三级呢，四级呢？你的ln是上级的意思？
表的结构应该是这样的。
create table book_type
(
book_type_id int primary key auto_increment,
book_type_name varchar(255),
pid int
);
insert into book_type values (1,'文学类',0);
insert into book_type values (2,'科幻类',0;
insert into book_type values (3,'世界名著',0);
insert into book_type values (4,'中国文学类',1);
create table book
(
book_id int primary key auto_increment,
name varchar(255),
book_type_id int
);
insert into book values (null,'康熙大帝',4);
insert into book values (null,'黑雨',4);
insert into book values (null,'紫日',4)
数据库连接的语句一般单独放到一个文件中。
首先你需要引用dtree的javascript文件。例如这样<script type="text/javascript" src="dtree.js"></script>
<script type="text/javascript">
var d = new dTree('d');
<%String str="";Statement stmt =null;ResultSet rs=null;String name=null;int ln=0;Class.forName("com.mysql.jdbc.Driver");String url ="jdbc:mysql://localhost/lib?user=root&password=1230";Connection conn= DriverManager.getConnection(url);String preStr ="";for(int i=0;i<1;i++){ preStr+="|---";}stmt =conn.createStatement
();rs= stmt.executeQuery("select * from book_type");while(rs.next()){
%>
d.add(<%=rs.getString("book_type_id")%>,<%=rs.getString("pid")%>,'<%=rs.getString("book_type_name")%>','#');
<%
}
rs.close();
rs = null;
conn.close();
conn = null;
}catch(Exception ex){
out.println(ex.toString());
}
%>
document.write(d);
</script>
这个是查询图书类型的，如果加上图书的信息需要把sql改一下。
改成select * from book_type union select book_id as book_type_id,book_name as book_type_name,book_type_id as pid from book;

⑩ js 根据Json数据的父子关系动态生成table 如图

我就问一句，你的json数据还会变化不？

如果不会，就傻傻地把 nodes数组里面的数据插到table里去。内

如果变化的话容，你这样的json数据结构真是不好，不容易自动化，重写一个json也比照着这样结构要省时间。比如：

varnodes=[
{
id:1,
name:"file",
son:{
id:2,name:"file1",.....
},
.....
},
{
id:1,
name:"file",
son:{
id:2,name:"file1",.....
},
}
]

像这样的结构，解析起来要容易得多。要是能改json，我再写代码。

导航:首页 > 编程语言 > js获取数据生成dtree

js获取数据生成dtree

与js获取数据生成dtree相关的资料

友情链接