ノードをクリックすると動的にノードを追加/削除する jstree の ui でいくつかの問題に直面しています。最初のクリックで子ノードを追加し、同じノードの 2 回目のクリックでクリック ノードを削除します。現在、jstree を次のように selected_node イベントにバインドしています。
$(function () {
$("#tree").jstree({
"json_data" : {
"data" : [
{
data : "/",
attr : { "id" : "root"},
state : "closed",
},
]
},
"plugins" : [ "themes", "json_data", "crrm", "ui" ]
}).bind("select_node.jstree", function(event, data) {
// . . .
}
最初は、左側に小さな三角形 (拡張用) があり、フォルダー アイコンの右側にデータ値があるフォルダー アイコンを持つノードです。最初はツリーのノードがないので、拡張機能、つまり左側の小さな三角形は必要ありません。誰でもそれを手伝ってもらえますか? 子ノードの場合、2 回目にクリックすると (子ノードの子ノードが削除されます)、三角形が消えます。展開/折りたたみの三角形のランダム表示の背後にあるロジックを理解できません。