使用dtree生成的树结构,ajax动态加载子节点后,如何绑定右键菜单续
来源:互联网 发布:购物车数据库表设计 编辑:程序博客网 时间:2024/05/16 07:48
var l_tree = document.getElementById("l_tree_d");
var tree = new dTree("tree");//创建一个对象.
tree.add(0,-1,'APISite',"javaScript:getMoreNodes('../treeNodes/NodesPrint','0');"+1+";"+0,'click me!')
// 动态显示节点
function getMoreNodes(addr,pId){
$.ajax({
url:addr,
type:"POST", //数据发送方式
data:{"parentId":pId},
dataType:"xml", //接受数据格式
error:function(json){
alert( "not lived!");
},
async: false ,//同步方式
success: function(xml){
$(xml).find("node").each(function(){
var nodeId=$(this).attr("nodeId");
var parentId=$(this).attr("parentId");
var nodeType=$(this).attr("nodeType");
var address=$(this).attr("address");
var nodeName=$(this).text();
var child = null;
if(nodeType == "0" ){
child = new Node(nodeId,parentId,nodeName,"javaScript:getMoreNodes('"+address+"','"+nodeId+"');"+nodeId+";"+nodeType,nodeName);
child._hc = true;
}else if(nodeType == "1"){
child = new Node(nodeId,parentId,nodeName,"javaScript:getService('"+address+"');"+nodeId+";"+nodeType,nodeName,"contentFrame");
}else if(nodeType == "2"){
child = new Node(nodeId,parentId,nodeName,"javaScript:toPage('"+address+"');"+nodeId+";"+nodeType,nodeName,"contentFrame");
}
tree.aNodes[tree.aNodes.length] = child;
});
}
});
l_tree.innerHTML = tree;
$('a[id]', l_tree).contextMenu('myMenu', {
bindings:
{
'add': function(t) {
var nId = t.toString().split(";")[1];
var nType = t.toString().split(";")[2];
if(nType == "0"){
window.open("addNodes.jsp?nodeId="+nId,"","width=300,height=150,scrollbars=no,top=250,left=500,location=no");
}else{
alert("请选择父节点添加!");
}
},
'update': function(t) {
var nId = t.toString().split(";")[1];
var nType = t.toString().split(";")[2];
window.open("updateNodes.jsp?parentId="+pId+"&nodeId="+nId+"&nodeType="+nType,"","width=200,height=100,scrollbars=no,top=250,left=500,location=no");
},
'delete': function(t) {
var nId = t.toString().split(";")[1];
var nType = t.toString().split(";")[2];
if(nType == "0"){
alert("此节点不能删除!");
}else{
if(confirm("确定删除?")){
location.href="/LHApi/treeNodes/DeleteNodes?nodeId="+nId;
}
}
}
}
});
}
document.write(tree);
function getService(addr){
self.parent.frames['contentFrame'].location="/LHApi/treeNodes/MethodInfo?address="+addr;
}
function toPage(addr){
self.parent.frames['contentFrame'].location=addr;
}
注:主页面需要导入js包<script type="text/javascript"
src="../dtree/jquery.contextmenu.js"></script>
var tree = new dTree("tree");//创建一个对象.
tree.add(0,-1,'APISite',"javaScript:getMoreNodes('../treeNodes/NodesPrint','0');"+1+";"+0,'click me!')
// 动态显示节点
function getMoreNodes(addr,pId){
$.ajax({
url:addr,
type:"POST", //数据发送方式
data:{"parentId":pId},
dataType:"xml", //接受数据格式
error:function(json){
alert( "not lived!");
},
async: false ,//同步方式
success: function(xml){
$(xml).find("node").each(function(){
var nodeId=$(this).attr("nodeId");
var parentId=$(this).attr("parentId");
var nodeType=$(this).attr("nodeType");
var address=$(this).attr("address");
var nodeName=$(this).text();
var child = null;
if(nodeType == "0" ){
child = new Node(nodeId,parentId,nodeName,"javaScript:getMoreNodes('"+address+"','"+nodeId+"');"+nodeId+";"+nodeType,nodeName);
child._hc = true;
}else if(nodeType == "1"){
child = new Node(nodeId,parentId,nodeName,"javaScript:getService('"+address+"');"+nodeId+";"+nodeType,nodeName,"contentFrame");
}else if(nodeType == "2"){
child = new Node(nodeId,parentId,nodeName,"javaScript:toPage('"+address+"');"+nodeId+";"+nodeType,nodeName,"contentFrame");
}
tree.aNodes[tree.aNodes.length] = child;
});
}
});
l_tree.innerHTML = tree;
$('a[id]', l_tree).contextMenu('myMenu', {
bindings:
{
'add': function(t) {
var nId = t.toString().split(";")[1];
var nType = t.toString().split(";")[2];
if(nType == "0"){
window.open("addNodes.jsp?nodeId="+nId,"","width=300,height=150,scrollbars=no,top=250,left=500,location=no");
}else{
alert("请选择父节点添加!");
}
},
'update': function(t) {
var nId = t.toString().split(";")[1];
var nType = t.toString().split(";")[2];
window.open("updateNodes.jsp?parentId="+pId+"&nodeId="+nId+"&nodeType="+nType,"","width=200,height=100,scrollbars=no,top=250,left=500,location=no");
},
'delete': function(t) {
var nId = t.toString().split(";")[1];
var nType = t.toString().split(";")[2];
if(nType == "0"){
alert("此节点不能删除!");
}else{
if(confirm("确定删除?")){
location.href="/LHApi/treeNodes/DeleteNodes?nodeId="+nId;
}
}
}
}
});
}
document.write(tree);
function getService(addr){
self.parent.frames['contentFrame'].location="/LHApi/treeNodes/MethodInfo?address="+addr;
}
function toPage(addr){
self.parent.frames['contentFrame'].location=addr;
}
注:主页面需要导入js包<script type="text/javascript"
src="../dtree/jquery.contextmenu.js"></script>
0 0
- 使用dtree生成的树结构,ajax动态加载子节点后,如何绑定右键菜单续
- 使用dtree生成的树结构,ajax动态加载子节点后,如何绑定右键菜单?求助
- dtree动态树+Javascript右键菜单
- dtree动态树+Javascript右键菜单
- jsp/servlet使用ajax动态加载dtree, dtree样式/图片修改 (java 生成dtree servlet json)
- dtree 取节点 右键菜单取节点
- DTree生成漂亮的动态树型菜单
- 动态生成右键菜单子菜单
- Dtree+Jquery动态生成树节点
- Dtree+Jquery动态生成树节点
- Dtree+Jquery动态生成树节点.
- Dtree+Jquery动态生成树节点
- dtree连接数据库动态生成树菜单
- dtree动态生成树型结构
- 右键菜单功能动态生成子项
- 使用dtree构建动态树型菜单
- 使用dtree构建动态树型菜单
- 使用dtree构建动态树型菜单
- 天然脑黄金的八种食物
- [easyui]复合表头隐藏列时表头出现错位的修复
- IOS多线程及队列的使用
- Android UI thread / main thread
- MySQL int(M)了解
- 使用dtree生成的树结构,ajax动态加载子节点后,如何绑定右键菜单续
- Spring3:如何配置静态文件映射?
- Android USB OTG功能如何打开及实现
- 2013-12-11 17:58:25
- 二叉树的遍历(前序、中序、后序、层次)
- Akka 对比 Storm
- EJB3: JBOSS 企业版、JBOSS服务器构架、EJB2.0 HelloWrold实例
- 第十六周-(项目二(1))指来指去。
- ajax,Struts2返回字符串乱码问题