jstree contextmenu創建文件/文件夾功能

Question

我試圖讓用戶創建一個文件或文件夾。因此，當他們點擊右鍵菜單上的上下文菜單中會顯示： 創建=> 文件夾

這部分工作，問題出在連接到這些上下文菜單的功能。目前單擊「文件」或「文件夾」調用：this.create(obj);如何指定類型？我試過obj.attr("rel","type","folder")，我試過obj.rslt.rel和其他很多，但我只是在黑暗中拍攝，哈哈。我已經通過了文檔，佈局很好，但對解釋對象的屬性沒用。

下面是上下文菜單的代碼，類型插件和創建節點的綁定。

fma_jstree = $("#archive") 
.bind("before.jstree", function (e, data) { 
    $("#alog").append(data.func + "<br />"); 
}) 
.jstree({ 
    // List of active plugins 
    "plugins" : [ 
    "themes","json_data","ui","crrm","cookies","dnd","search","types","hotkeys","contextmenu" 
    //"themes","json_data","ui","crrm","cookies","dnd","search","types","contextmenu" 
    ], 

    "contextmenu" : { 
     items : { // Could be a function that should return an object like this one 
      "create" : { 
       "separator_before" : false, 
       "separator_after" : true, 
       "label"    : "Create", 
       "action"   : false, 
       "submenu" :{ 
        "create_file" : { 
         "seperator_before" : false, 
         "seperator_after" : false, 
         "label" : "File", 
         action : function (obj) { 
          this.create(obj); 
         } 
        }, 
        "create_folder" : { 
         "seperator_before" : false, 
         "seperator_after" : false, 
         "label" : "Folder", 
         action : function (obj) { this.create(obj); } 
        } 
       } 
      } 
     } 
    }, 
     // Using types - most of the time this is an overkill 
    // read the docs carefully to decide whether you need types 
    "types" : { 
     // I set both options to -2, as I do not need depth and children count checking 
     // Those two checks may slow jstree a lot, so use only when needed 
     "max_depth" : -2, 
     "max_children" : -2, 
     // I want only `drive` nodes to be root nodes 
     // This will prevent moving or creating any other type as a root node 
     "valid_children" : [ "drive" ], 
     "types" : { 
      // The default type 
      "default" : { 
       // I want this type to have no children (so only leaf nodes) 
       // In my case - those are files 
       "valid_children" : "none", 
       // If we specify an icon for the default type it WILL OVERRIDE the theme icons 
       "icon" : { 
        "image" : icon_url + "/file.png" 
       } 
      }, 
      // The `folder` type 
      "folder" : { 
       // can have files and other folders inside of it, but NOT `drive` nodes 
       "valid_children" : [ "default", "folder" ], 
       "icon" : { 
        "image" : icon_url + "/folder.png" 
       } 
      }, 
      // The `drive` nodes 
      "drive" : { 
       // can have files and folders inside, but NOT other `drive` nodes 
       "valid_children" : [ "default", "folder" ], 
       "icon" : { 
        "image" : icon_url + "/root.png" 
       }, 
       // those prevent the functions with the same name to be used on `drive` nodes 
       // internally the `before` event is used 
       "start_drag" : false, 
       "move_node" : false, 
       "delete_node" : false, 
       "remove" : false 
      } 
     } 
    }, 
    .bind("create.jstree", function (e, data) { 

    //if creating a root node 
    if(!$(data.rslt.parent).attr("id")) var id = 1; 
    //else get parent 
    else var id = data.rslt.parent.attr("id").replace("node_",""); 
    $.post(
     ajaxurl, 
     { 
      "action" : "fma_create_node", 
      "operation" : "create_node", 
      "id" : id, 
      "position" : data.rslt.position, 
      "title" : data.rslt.name, 
      "type" : data.rslt.obj.attr("rel") 
     }, 
     function (r) { 
      if(r.status) { 
       $(data.rslt.obj).attr("id", "node_" + r.id); 
      } 
      else { 
       $.jstree.rollback(data.rlbk); 
      } 
     }, 
     'json' 
     ); 
}) 

任何幫助將十分讚賞;） 問候， Daithi

Answer 1

解決它;） 代碼到指定節點創建的類型是：

this.create(obj, "last", {"attr" : {"rel" : "default"}}); 

所以現在contextmenu插件的代碼如下所示：

 "contextmenu" : { 
     items : { // Could be a function that should return an object like this one 
      "create" : { 
       "separator_before" : false, 
       "separator_after" : true, 
       "label"    : "Create", 
       "action"   : false, 
       "submenu" :{ 
        "create_file" : { 
         "seperator_before" : false, 
         "seperator_after" : false, 
         "label" : "File", 
         action : function (obj) { 
          this.create(obj, "last", {"attr" : {"rel" : "default"}}); 
         } 
        }, 
        "create_folder" : { 
         "seperator_before" : false, 
         "seperator_after" : false, 
         "label" : "Folder", 
         action : function (obj) {        
          this.create(obj, "last", {"attr" : { "rel" : "folder"}}); 
         } 
        } 
       } 
      } 
     } 
    }, 

對於任何noobs - 如果您查看張貼在發佈的問題中的代碼，您應該能夠看到它發生的地方。