jsTree – ContextMenu Plugin
jsTree Utilities
$(document).on('dnd_stop.vakata', function (e, data) {
var tree = $("#cat_tree").jstree(true);
var id = data.data.nodes[0];
var node = tree.get_node(id);
console.log(node);
});
jsTree – ContextMenu Plugin
function show_tree(){
$('#cat_tree').jstree('destroy');
var $tree = $('#cat_tree')
// listen for event
.on('changed.jstree', function (e, data) {
var id = data.selected[data.selected.length-1];
$('#cat_id').val(id);
$('#show_selected_id').html('ID: ' + id);
})
.on('rename_node.jstree', function (e, data) {
//console.log(data.node.id);
//console.log(is_numeric(data.node.id));
if(is_numeric(data.node.id) == false) return;
var parent = data.node.parent;
if(parent == '#') {
parent = 0;
}
update_item('update', parent, data.node.id, data.text);
})
.on('delete_node.jstree', function (e, data) {
delete_item(data.node.id);
})
.on('create_node.jstree', function (e, data) {
update_item('new', data.node.parent, 0, data.node.text);
});
$.ajax('services/cat/get_tree.php', {
type: 'POST',
data: {},
success: function(data, textStatus, jqXHR){
//console.log(data);
$tree.jstree({
'core': {
"multiple" : false,
'data': data,
"check_callback" : true
},
'plugins': ['contextmenu', "sort", 'state'],
contextmenu: {items: context_menu}
});
},
error: function(jqXHR, textStatus, errorThrown){
$.msg('Error:' + jqXHR.responseText);
}
});
}
function context_menu(node){
var tree = $('#cat_tree').jstree(true);
// The default set of all items
var items = {
"Create": {
"separator_before": false,
"separator_after": false,
"label": "Create",
"action": function (obj) {
var $node = tree.create_node(node);
tree.edit($node);
}
},
"Rename": {
"separator_before": false,
"separator_after": false,
"label": "Rename",
"action": function (obj) {
tree.edit(node);
}
},
"Edit": {
"separator_before": false,
"separator_after": false,
"label": "Edit",
"action": function (obj) {
//tree.edit(node);
}
},
"Remove": {
"separator_before": true,
"separator_after": false,
"label": "Remove",
"action": function (obj) {
if(confirm('Are you sure to remove this category?')){
tree.delete_node(node);
}
}
}
};
return items;
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.