[JAVASCRIPT] jstree contextmenu 커스터마이징

 

 

$("#tree").jstree({
              "core" : {
              "themes" : {
                  "responsive": false
              },
              // so that create works
              "check_callback" : true,
              'data': treedata
          },
          "state" : { "key" : "demo2" },
          "plugins" : [ "dnd", "state", "types", "contextmenu" ],
          'contextmenu' : {
                        		"items" : {
                        		  "create" : { 
                                		"separator_before" : false,
                        				    "separator_after" : true,
                        				    "label" : "메뉴추가",
                        				    "action" : function(t){var i=$.jstree.reference(t.reference),r=i.get_node(t.reference);i.create_node(r,{},"last",(function(e){try{i.edit(e)}catch(t){setTimeout((function(){i.edit(e)}),0)}}))}
                        			},
                        			"rename" : {
                        				    "separator_before" : false,
                        				    "separator_after" : true,
                        				    "label" : "이름바꾸기",
                        				    "action" : function(t){var i=$.jstree.reference(t.reference),r=i.get_node(t.reference);i.edit(r)}
                        			},
                        			"remove" : {
                        				    "separator_before" : false,
                        				    "separator_after" : true,
                        				    "label" : "삭제",
                        				    "action" : function(t){var i=$.jstree.reference(t.reference),r=i.get_node(t.reference);i.is_selected(r)?i.delete_node(i.get_selected()):i.delete_node(r)}
                        			}
                        		}
                        	}
                        })