javascript - 如何在 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 ) 函数重载。