打开APP
未登录
开通VIP,畅享免费电子书等14项超值服
开通VIP
首页
好书
留言交流
下载APP
联系客服
js树
chris_lxy
>《JAVA》
2011.03.02
关注
1
.创建一棵树
使用如下方式
var tree=
new
JsTree(
'DivId'
);
说明,html的body里面必须事先有id为
'DivId'
的层。
这棵树将在此渲染。
2
.创建节点
var node1=
new
JsNode(
"nodeid"
);
树在以一始不能渲染,要渲染必须设置它的根
用下面的语法:
tree.setRoot(node1);
// 这样就将node1设置成了它的根,div已经被渲染。
以后只要按照一棵树的形态加入节点就可以了。
如下所示:
var tree=
new
JsTree(
"div1"
);
var root=
new
JsNode(
"root"
);
//root为节点的ID
root.text=
"刘u22791 "
;
//设置节点显示的文本,也可以是超链接,html代码 等,要是不设置这个属性,树就显示它的Id
root.hasCheckBox=
true
;
//设置了这个属性以后,节点就还有一个CheckBox
tree.setRoot(root);
//根节点的属性设置好以后才能将它给树对象
var n1=
new
JsNode(
"张u-26402 "
);
var n2=
new
JsNode(
"关u32701 "
);
var n3=
new
JsNode(
"赵u20113 "
);
var n4=
new
JsNode(
"将"
);
var n5=
new
JsNode(
"将"
);
var n6=
new
JsNode(
"兵"
);
var n7=
new
JsNode(
"兵"
);
var n8=
new
JsNode(
"兵"
);
root.add(n1);
root.add(n2);
n2.add(n4);
//这些方法,就将1个节点添加它的子节点
n2.add(n5);
n4.add(n6);
n4.add(n7);
n1.add(n8);
root.add(n3);
这样就能动态的构建树了
下面提供一些全局API,直接使用这些方法《!方法最好要在树创建完毕后使用》
getAllTrees() 获得所有的树对象,一个html上面可能有很多树
getTreeByDivId(divid) 通过树注册的divId获得这棵树
getNodeById(nid)
//通过节点Id,从所有的树中查找一个节点对象,找到就返回,找不到返回null
checkCbo(node) 选中这个节点的CheckBox
checkCboById(nodeid) 通过节点的Id来选中起CheckBox
cancelCbo(node) 取消对Checkbox的选中
cancelCboById(nid) 通过节点id取消对Checkbox的选中
closeThis(node) 关闭节点
openThis(node) 打开
closeNodeById(nid) 通过节点Id关闭
openNodeById(nid) 通过Id节点打开
下面是树对象的API
getById(key)
// getNodeById
removeNode(node)
// 核心方法
getCheckedNodesXml()
/// 对外 API
getCheckedNodes()
/// 对外 API
showText()
//////对外 API
showId()
//对外 API
上面的方法 如此使用 var arr=tree.getCheckedNodes();这样就得到了所有的选中节点。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报
。
打开APP,阅读全文并永久保存
查看更多类似文章
猜你喜欢
类似文章
【热】
打开小程序,算一算2024你的财运
JS的dtree和xtree介绍
前端面试中常见的算法问题总结
5.根据前序和中序得到二叉树代码实现,根据中序和后序得到二叉树代码实现(JavaScript版)
JavaScript——下一代物联网全栈开发
如何在Microsoft Edge浏览器中添加一个Hello World插件
JS操作DOM元素属性和方法(转)
更多类似文章 >>
生活服务
热点新闻
留言交流
回顶部
联系我们
分享
收藏
点击这里,查看已保存的文章
导长图
关注
一键复制
下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!
联系客服
微信登录中...
请勿关闭此页面
先别划走!
送你5元优惠券,购买VIP限时立减!
5
元
优惠券
优惠券还有
10:00
过期
马上使用
×