jstree 使用API

jstree 使用API
beforechange: function() { log("About to change"); return true },
beforeopen : function() { log("About to open"); return true },
beforeclose : function() { log("About to close"); return true },
beforemove : function() { log("About to move"); return true },
beforecreate: function() { log("About to create"); return true },
beforerename: function() { log("About to rename"); return true },
beforedelete: function() { log("About to delete"); return true },
onselect : function() { log("Select"); },
ondeselect : function() { log("Deselect"); },
onchange : function() { log("Focus changed"); },
onrename : function() { log("Rename"); },
onmove : function() { log("Move"); },
oncopy : function() { log("Copy"); },
oncreate : function() { log("Create"); },
ondelete : function() { log("Delete"); },
onopen : function() { log("Open"); },
onopen_all : function() { log("Open ALL"); },
onclose : function() { log("Close"); },
error : function() { },
ondblclk : function() { log("Doubleclick");
TREE_OBJ.toggle_branch.call(TREE_OBJ, NODE);
TREE_OBJ.select_branch.call(TREE_OBJ, NODE); },
onrgtclk : function() { log("Rightclick"); },
onload : function() { log("Tree loaded"); },
onfocus : function() { log("Tree got focus"); },
ondrop : function() { log("Foreign node dropped"); }
$("#Organizediv").jstree({
"plugins": ["thems", "html_data", "ui", "crrm", "cookies", "dnd", "search", "types", "hotkeys", "contextmenu"],
"types": {
"types": {
"department": {
"valid_children": ["department", "root"],
"icon": { "image": "/Images/report_user.png" }
},
"root": {
"valid_children": ["department", "root"],
"icon": { "image": "/Images/skysolar_logo.png" },
"remove": false
}
}
}
})
.bind("select_node.jstree", function (event, data) {
if (data.rslt.obj.attr("id") != undefined) {
var Url = window.location.href.toLowerCase();
var id = data.rslt.obj.attr("id").toString();
}
})
//createnode
.bind("create.jstree", function (e, data) {
var createdata = "{";
createdata += '"organizeName":"' + data.rslt.name + '"';
createdata += ',"parentID":' + parseInt(data.rslt.parent.attr("id").replace("li_", ""));
createdata += "}";
$.ajax({
type: "post",
url: "/WCF/UserService.svc/AddOrganization",
contentType: "text/json;charset=utf-8",
data: createdata,
success: function (data1) {
var id = parseInt(data1.d);
$(data.rslt.obj).attr("id", "li_" + data1.d);
},
error: function () {
alert("Create Failure.");
$.jstree.rollback(data.rlbk);
}
})
})//remove node
.bind("remove.jstree", function (e, data) {
data.rslt.obj.each(function () {
var removedata = '{"ids":' + this.id.replace("li_", "") + '}';
$.ajax({
type: "post",
url: "/WCF/UserService.svc/DeleteOrganize",
contentType: "text/json;charset=utf-8",
data: removedata,
success: function (r) {
alert(r.d);
if (r.d != "Delete Success") {
$.jstree.rollback(data.rlbk);
}
},
error: function () {
alert("Remove Failure.");
$.jstree.rollback(data.rlbk);
}
});
});
})
//rename
.bind("rename.jstree", function (e, data) {
var id = parseInt(data.rslt.obj.attr("id").replace("li_", ""));
var newName = data.rslt.new_name;
if (newName != "" && newName != undefined) {
var renamedata = '{"id":' + id + ',"newName":"' + newName + '"}';
$.ajax({
type: "post",
url: "/WCF/UserService.svc/RenameOrganization",
contentType: "text/json;charset=utf-8",
data: renamedata,
success: function (r) {
},
error: function () {
$.jstree.rollback(data.rlbk);
}
});
}
})
//move
.bind("move_node.jstree", function (e, data) {
data.rslt.o.each(function (i) {
var id = parseInt(this.id.replace("li_", ""));
var newparentid = 0;
if (data.rslt.np.attr("id") != "Organizediv") {
newparentid = parseInt(data.rslt.np.attr("id").replace("li_", ""));
}
var index = parseInt($("#" + this.id).parent().children().index($("#" + this.id)));
var movedata = '{' + '"id":' + id + ',"newParentId":' + newparentid + ',"index":' + index + '}';
$.ajax({
type: "post",
url: "/WCF/UserService.svc/SortOrganize",
contentType: "text/json;charset=utf-8",
data: movedata,
success: function (r) {
},
error: function () {
alert("Move Failure.");
$.jstree.rollback(data.rlbk);
}
});
});
});

jstree 使用API相关推荐

jstree中文api文档_开发中文 API 的一些策略
注:本文仅基于个人在其他英文编程语言中实现中文 API 的有限实践和见闻,对易语言等等中文编程语言的生态不甚了解,各种疏漏请指正. 如果要现在的我,选择一个英文 API 进行中文化,或者针对一种功能开 ...
jstree中文api文档_还在用 Swagger（丝袜哥）生成接口文档？我推荐你试试它。。。...
作者:小鱼儿511https://blog.csdn.net/dongbeiou/article/details/106771453JApiDocs是一个无需额外注解.开箱即用的SpringBoot接 ...
SpringBoot+Jquery+jsTree实现页面树型结构
场景效果 jstree官网 https://www.jstree.com/ 实现引用CSS样式使用cdn或者将其下载 <link rel="stylesheet" hr ...
jsTree如何自定义节点的icon
最近在项目中使用了JStree来展示树形结构的数据,需求方提了一个小需求.要更换node的icon.翻看jstree的API,找了一会也没有找到.蛋疼...遂翻墙开始在stack overflow上找 ...
jstree使用教程
阿发原创,博客地址:http://blog.csdn.net/u012954072 本文介绍JQuery插件–JStree的使用,JStree用于生成树形目录.先贴一张简单的效果图并输出当前节点的名称 ...
jstree的简单使用例子
最近使用到了jstree,感觉是一款灵活的.可多项定制的tree插件: 我这边使用过程记录下: 参考的jstree api网站,以及demo介绍: https://www.jstree.com/api ...
jstree获得节点的值
jstree获得节点的值 jstree中点击节点,如何获得节点的值呢?看了官方文档后,我发现可以用get_node()这个API 链接:http://www.jstree.com/api/#/?f=g ...
jstree树形结构的使用
1js和css的下载和引入下载地址: http://www.jstree.com/, api:https://www.jstree.com/api/#/?q=( 事件监听:https://www.j ...
jsTree 组件官方文档学习
jsTree 组件官方文档学习什么是 jsTree 根据jsTree官网的解释:jsTree 是一个jquery 插件, 提供交互式树.它是完全免费的,开源的,并根据MIT许可进行分发.jsTree ...

jstree 使用API

jstree 使用API相关推荐

最新文章

热门文章