zoukankan
html css js c++ java
对于树状结构
树结构就不说了。说一下树中其他的字段。
Level :可以用来判断当前节点的等级,这样生成树的时候,可以计算它的缩进位置。
isForder:用来判断当前节点是否有子节点。用来判断节点前面的图标。
操作的时候,一般利用ajax方式根据当前节点的ID,读取所有下级子节点,生成XML文件。包含节点信息。
用js操作,生成节点信息。
附加一些操作代码:
function
checkXML(request)
{
var
xmlDoc
=
request.responseXML;
success
=
xmlDoc.getElementsByTagName(
"
success
"
);
if
(success[
0
].childNodes[
0
].nodeValue
==
"
true
"
)
{
var
pid
=
xmlDoc.getElementsByTagName(
"
nodetype
"
)[
0
].childNodes[
0
].text;
var
oldid
=
xmlDoc.getElementsByTagName(
"
oldid
"
)[
0
].childNodes[
0
].text;
var
y
=
xmlDoc.getElementsByTagName(
"
leaf
"
);
for
(i
=
0
;i
<
y.length;i
++
)
{
id
=
y[i].childNodes[
0
].text;
level
=
y[i].childNodes[
1
].text;
name
=
unescape(y[i].childNodes[
2
].text);
depart
=
unescape(y[i].childNodes[
3
].text);
duty
=
unescape(y[i].childNodes[
4
].text);
isforder
=
y[i].childNodes[
5
].text;
var
x;
var
l1
=
""
;
for
(x
=
0
;x
<
parseInt(level);x
++
)
{
l1
+=
"
<span style='vertical-align: middle; font-size: 21px; height: 20px; color: #D4D0C8; cursor: default'>│</span>
"
;
}
if
(i
==
y.length
-
1
)
{
l1
+=
"
<span style='vertical-align: middle; font-size: 21px; height: 20px; color: #D4D0C8; cursor: default'>└</span>
"
;
}
else
{
l1
+=
"
<span style='vertical-align: middle; font-size: 21px; height: 20px; color: #D4D0C8; cursor: default'>├</span>
"
;
}
var
img;
if
(parseInt(isforder)
==
1
)
{
img
=
"
<img width=16 height=16 src=\
"
/
icon
/
folder.gif\
"
align=\
"
absmiddle\
"
border=0 style=\
"
cursor:hand;\
"
onclick=\
"
getChild('
"
+id+
"
_
"
+level+
"
','
"
+id+
"
');\
"
/>
"
;
}
else
{
img
=
"
<img width=16 height=16 src=\
"
/
icon
/
file.gif\
"
align=\
"
absmiddle\
"
border=0/>
"
}
var
newnode
=
document.createElement(
"
div
"
);
newnode.setAttribute(
"
id
"
,id
+
"
_
"
+
level)
newnode.setAttribute(
"
onclick
"
,
"
getChild('
"
+
id
+
"
_
"
+
level
+
"
','
"
+
id
+
"
');
"
);
newnode.setAttribute(
"
style
"
,
"
height:20px;padding:0px;margin:0px;border:solid 1px #eee;display:block;
"
);
$(pid).appendChild(newnode);
var
childE
=
document.createElement(
"
span
"
);
childE.setAttribute(
"
id
"
,id);
$(pid).appendChild(childE);
newnode.innerHTML
=
l1
+
img
+
"
<a href='/datereport/reportlist.aspx?userid=
"
+
id
+
"
'>
"
+
name
+
"
(
"
+
depart
+
"
_
"
+
duty
+
"
)</a>
"
;
}
Element.hide(
"
alertmessage
"
);
}
}
查看全文
相关阅读:
js简单的下拉选中效果
简单的JS+HTML+CSS达成图片轮播
JQ延时对象
javascript特效----碰壁运动
PHP---封装
PHP---面向对象
PHP----基础
MySQL查询实例
JS下拉列表
MySQL基础操作
原文地址:https://www.cnblogs.com/skyakira/p/560367.html
最新文章
把stdclass object 转化成数组
php合并图片(转)
语法-菜鸟教程-链接
微信分享(链接不正确)
Warning: Illegal string offset 'account' in 解决方法
函数实现(获取刚刚、几分钟前、几小时前、几天前、几月前的时间)
HTML特殊字符编码(转)
php,mysql出错的问题
手写js实现ajax功能(转)
简述JS的作用域和闭包
热门文章
nginx 反向代理https
Thymeleaf热部署 实现更改页面不重启
springBoot + mybatys 数据源动态切换
IDEA 常用快捷键
Spring Session -redis
PHP之curl实现http与https请求的(转)
Nicescroll滚动条插件的用法(转)
php 面向对象方法实例
jQuery的三种$()
Css display值与解释
Copyright © 2011-2022 走看看