如何在select_node事件上爲jstree添加元數據

Question

如何在select_node事件中爲jstree添加元數據。這是我在嘗試添加：

$.ajax({    
    type : 'GET', 
    url : '/assessment/getassess', 
    dataType : 'json',   
    success : function(jsonData) { 
     $("#treeViewDiv").jstree({ 
      "themes" : { 
       "theme" : "classic", 
       "dots" : true, 
       "icons" : true, 
       "url" : "/css/themes/classic/style.css" 
      }, 
      "json_data" : jsonData, 
      "plugins" : ["themes", "json_data", "ui", "contextmenu"], 
      "contextmenu" : { 
       items : createMenu 
      } 
     }).bind("select_node.jstree", function(e, data) { 
      $(data.rslt.obj).data("jstree").description = "Size: 45units"; 
     }); 
    } 
}); 

Answer 1

我相信你正在使用的$.data()函數不正確。

您不要將值分配給$.data()函數的結果，並自動保存它。

你想要做的就是改變這一行，

$(data.rslt.obj).data("jstree").description = "Size: 45units"; 

此，

// On the next line, we use "|| {}" because if the data attribute is unassigned, we want to start with a default empty object. 
var jstreeData = $(data.rslt.obj).data("jstree") || {}; 

// assign the property(ies)/value(s) you want. 
jstreeData.description = "Size: 45units"; 

// finally, reassign your modified object back to the data attribute. 
$(data.rslt.obj).data("jstree", jstreeData); 

---

如果數據屬性包含對象的，你想：

1. 緩存對象;
2. 修改緩存的對象;
3. 將修改後的緩存對象保存/分配回數據屬性。

最後，要修改data屬性，您希望使用$.data(key, value)函數過載。