jsTreeで選択したノードが開いているか閉じているかを取得したいです。

Question

前提・実現したいこと

jsTreeで選択したノードが開いていれば閉じて、閉じていれば開く処理を実装したいですが、
選択したノードが開いているのか閉じているのかを取得する方法がわかりません。。

該当のソースコード

選択したノードのIDを取得、選択したノードを開くソースと選択したノードを閉じるソースは以下になります。
こちらに条件分岐で開いていれば閉じる、閉じていれば開くを実装したいです。

//ID取得
const val =$("#jstree").jstree("get_selected");
//開く
$("#jstree").jstree("open_node",$("#" + val));
//閉じる
$("#jstree").jstree("close_node",$("#" + val));

Answer 1

toggle_node を使えばできそうですね。

Comments

[m.ts10806]

あ、同じ既存機能使うならこちらのほうが短く書けますね

[tanakamaro]

toggle_nodeの使い方がいまいちわかりません。。
どのようなソースになりますでしょうか。

Answer 2

別途フラグ管理の変数を設けて、
開いたらtrue
閉じたらfalse

と値変更すれば良いのではないでしょうか。
初期値は画面表示時に開いてるか閉じてるかで決めてください。

ただ、動作見てますと、クラスの付け替え（jstree-open/jstree-closed）、aria-expanded属性値の切り替えを行っているので、その値で判断できなくもなさそう。

APIドキュメント確認しましたら
is_closed()、is_open()というメソッドが既にあります。
これ使えるのでは？

Comments

[m.ts10806]

それにデモ見た感じだと勝手に開いてるか閉じてるか判定してよしなに動いてくれてるように見えますが…

Answer 3

アドバイスでありました、toggle_nodeを使用したら実装出来ました。
アドバイスありがとうございます。
以下ソースです。

const val =$("#jstree").jstree("get_selected");
$('#jstree').jstree("toggle_node",$("#" + val));