var contextualMenuSample = function() {
$.jstree.destroy ("#tree_3")
$('#tree_3').jstree({
"core" : {
"themes": {
"responsive": false
},
"check_callback": true,
"force_text": true,
"cache": false,
'state':open,
'data': {
"url": function() {
return "/authority/showOnlyTheme"
},
"data":function(node){
return {"id" : node.id}
}
}
},
"plugins": [ "contextmenu", "ui"]
/*'contextmenu':{
'items':{
'edit':null
}
}*/
}).bind("loaded.jstree", function () {
jQuery("#tree_3").jstree("open_all")
}).bind("create_node.jstree",function(event,data){
createCategory(event,data)
}).bind("rename_node.jstree",function(event,data){
rename(event,data)
}).bind("delete_node.jstree",function(event,data){
reMove(event,data)
})
}
return {
init: function () {
contextualMenuSample()
}
}
function createCategory(event,data){
var str = data.parent
var parentId = str.substring(1)
if(!str.match(/^c\d+/g)){
parentId = -1
}
var newNodeName = data.node.text
var params = {"parentId":parentId,"name":newNodeName,"rootId":parentId}
$.ajax({
'url':"/categoryManager/addOrUpdate",
'type':"post",
'dataType':'json',
'cache':false,
'data':params,
'timeout':1000*10
}).done(function(json){
var id = data.node.id
var categoryId = json.data
$(data.node).attr("id",categoryId)//此处修改成后台返回的id
}).fail(function(e){
Metronic.unblockUI()
alert("亲出错了,请稍后再试")
})
}
function rename(event,data) {
var str = data.node.id
if(str.match("#")) {
alert("不能修改根节点")
return
}
var id = str.substring(1)
var name = data.text
var params = {"id":id,"name":name}
$.ajax({
'url':'/categoryManager/updateName',
'type':'post',
'dataType':'json',
'data':params,
'cache':false,
'timeout':1000*10
}).fail(function(){
Metronic.unblockUI()
alert("亲出错了,请稍后再试~")
})
}
function reMove(event,data) {
var str = data.node.id
if(str.match("#")) {
alert("亲,不能删除根节点")
return
}
var id = str.substring(1)
var params = {"id":id}
$.ajax({
'url':"/categoryManager/del",
'type':"post",
'dataType':"json",
'data':params,
'cache':false,
'timeout':1000*10
}).done(function(json){
if(json.ret==false) {
alert(json.errmsg)
}
}).fail(function(json){
Metronic.unblockUI()
alert("亲出错了,请稍后再试~")
})
}
}()
<script type="text/javascript">function getChildren(){
var node = $('#tt1').tree('getSelected') //tt1是你的树的id
if (node){
alert(“有子节点")
} else {
alert("无子节点")
}
}
</script>
<ul id="tt1" class="easyui-tree" animate="true" dnd="false">
<li>
<span>Folder</span>
<ul>
<li state="closed">
<span>Sub Folder 1</span>
<ul>
<li>
<span><a href="">File 11</a></span>
</li>
<li>
<span>File 12</span>
</li>
<li>
<span>File 13</span>
</li>
</ul>
</li>
<li>
<span>File 2</span>
</li>
<li>
<span>File 3</span>
</li>
<li>File 4</li>
<li>File 5</li>
</ul>
</li>
<li>
<span>File21</span>
</li>
</ul>
<a href="#" onclick="getChildren1()">getChildren1</a>
页面既然得到从服务器传过来的json数据之后,还要转换为Object比如,服务器组装好的json数据:
{
id:'001',
nodeMsg:'节点1'
}
这个是ajax成功之后的回调
function(xhr){
var o = eval('(' + xhr.responseText + ')')
alert(o.id + ':' + o.nodeMsg)
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)