jstree动态添加节点时怎么刷新

jstree动态添加节点时怎么刷新,第1张

var UITree = function () {

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)

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11649570.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存