jstree爲某些節點顯示文檔圖標

Question

我有一個顯示文件夾和文檔的jstree，它的效果很好，但每個節點都顯示一個文件夾圖標。我在我的json中有一個type屬性，它確定它是一個文檔還是一個文件夾（0文件夾，1個文檔），但我無法弄清楚如何切換它。 這是我的代碼的樣子。

我試圖從the demo page複製代碼，但它顯然不是事先工作

$('#tree').jstree({ 
      'core': { 
       'plugin': ['themes', 'types'], 
       "types": { 
        "#": { 
         "valid_children": ["file"] 
        }, 
        "file": { 
         "icon": "/Styles/file.png", 
         "valid_children": [] 
        } 
       },     
       'check_callbacks': true, 
       'themes': { 'stripes': true }, 
       'data': { 
        type: 'POST', 
        contentType: 'application/json; charset=utf-8', 
        url: 'V2_DocTreeView.aspx/GetChildrenFor', 
        data: function (node) { 
         var group = 0; 
         if (node.id == "#") 
          group = getParameterByName("group"); 
         else 
          group = node.id; 
         return '{id: "' + group + '"}'; 
        } 
       } 
      } 
     } 
     ) 

感謝

Answer 1

問題是我的類型定義和插件標記爲核心的內部，而不是外部的地方應該是，此外，JSON（我的模型真的）沒有正確設置類型屬性。這是樹應該如何看起來像

  $('#tree').jstree({ 
      'core': { 
       'check_callback': true, 
       'themes': { 'stripes': true }, 
       'data': { 
        type: 'POST', 
         contentType: 'application/json; charset=utf-8', 
        url: 'V2_DocTreeView.aspx/GetChildrenFor', 
        data: function (node) { 
         var group = 0; 
         if (node.id == "#") 
          group = getParameterByName("group"); 
         else 
          group = node.id; 
         return '{id: "' + group + '"}'; 
        } 
       } 
      }, 
      'types': { 
       "default": { 
        "valid_children": ["default", "file"] 
       }, 
       "file": { 
        "icon": "./Styles/file.png", 
        "valid_children": [] 
       } 
      }, 
      'plugins': ['types'] 
     }