問題タブ [jstree]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
6 に答える
8675 参照

drag-and-drop - jsTree - ドラッグ オプションを無効にする

jsTreeでドラッグ可能なオプションを無効にするにはどうすればよいですか? ノードの移動を無効にしたい。どうすればこれを達成できますか?

0 投票する
2 に答える
1676 参照

jquery - 同じ ID を持つすべてのノードを選択する方法

多くのノードを保持するJstreeがあり、それらのいくつかは同じIDを持っています。

誰かが
ノードの 1 つを選択すると、同じ ID を持つすべてのノードが選択されるようにするにはどうすればよいでしょうか。

私は

しかし、正確に何をすればよい
かわかりません。また、ノードを手動で選択する方法もわかりません
(すべて selected: 属性で行われるため)。

0 投票する
1 に答える
2042 参照

asp.net-mvc-2 - mvc2 フォーム内の jsTree からノードの名前を変更する

私は次のコードを持っています:

問題は、ノードの名前を変更するときに、Enter キーを押して名前の変更を完了することです。しかし、Enter キーを押すと、フォームが送信され、新しい値がツリーで変更されることはありません。

これをソールにする方法は?

0 投票する
1 に答える
4138 参照

javascript - jsTree:以前に選択したツリーノードIDを取得するには?

私はjsTreeを使用しており、2つのテキストボックスがあります:

私が持っているjsTreeコールバックで:

私の問題は

前に選択したツリー アイテムの ID を previous_tree_id テキスト ボックスに入力するにはどうすればよいですか? 私のツリーIDは単なる数字で、3つのツリーアイテムがあります。

ツリー ID: 1、2、3

たとえば、3 つのツリー アイテムがあり、最初のツリー アイテムを最初に選択すると、次のようになります。

アクション: - ツリー ID 1 を選択

出力: - textbox previous_tree_id = 1 - textbox current_tree_id = 1

その後、ツリー ID 2 を選択します。

アクション: - ツリー ID 2 を選択

出力: - textbox previous_tree_id = 1 - textbox current_tree_id = 2

その後、ツリー ID 3 を選択します。

アクション: - ツリー ID 3 を選択

出力: - textbox previous_tree_id = 2 - textbox current_tree_id = 3

私が解決しなければならないのは単なるjavascriptロジックですか、それとも参照/以前に選択したツリー項目を取得するためのjsTree関数がありませんか?

前もって感謝します。- マーク

0 投票する
3 に答える
6526 参照

jquery - .jstree()または.tree()、およびそれを機能させる方法

愚かな質問。Webで見つけたjstreeを使用した多くの例では、構文$('#someTreeId')。tree()を使用していますが、jstree Webサイトのデモでは、構文$('#someTreeId')。jstree()を参照し続けています。 。

.jstree()を使用すると、これは関数ではないというブラウザエラーが発生します。しかし、.treeを使用すると、それ以上のことはほとんどできません。「Loading...」にしか到達しません。

これまでのところ、関数ブラケット内にオプションはまったく含まれていません。HTMLにULを含めると、jstreeが基本的なツリーを生成すると想定していました。しかし、そうではありません。

0 投票する
1 に答える
4870 参照

jquery - djangoからのjstree動的JSONデータ

django から JSON データを動的に受け入れるように jsTree を設定しようとしています。

これは、djangoがjstreeに返すテストデータです:

これは私が使用しているjstreeコードです:

私が得るのはajax読み込みシンボルだけで、ajaxエラー応答もトリガーされ、「未定義」と警告されます。django で simpleJson エンコーディングも試しましたが、結果は同じでした。

同一のデータを含む JSON ファイルを受信するように URL を変更すると、期待どおりに動作します。

問題が何であるかについてのアイデアはありますか?

0 投票する
1 に答える
3199 参照

jquery - JsTreeはjquery.validateと競合します

アイテムのリストを作成するJstreeがあります。ノードをクリックすると、パーシャルにajaxがロードされます。フォームを検証するためにjquery.validateスクリプトを含めるまで、すべてが正常に機能します。

このファイルを含めるとすぐに、ツリーノードを選択できなくなります。また、ドラッグアンドドロップ機能は機能しません。firebugで報告されたjavascriptエラーはありません。誰もがそのような競合を解決する方法を知っていますか?

ありがとう

0 投票する
1 に答える
1538 参照

javascript - ノードのすべての子を別のノードに移動します

ノードとサブノードを持つツリーがあるとします。ノードのすべての子を別のノード (宛先ノードの「下」、既存の子の中) に移動したいと考えています。move_nodeまた、これでイベントが発生しなければいいのですが。誰でも助けることができますか?

前もって感謝します。

0 投票する
1 に答える
12378 参照

jquery - CRRM プラグインを使用して新しい jsTree HTML ノードを正しく作成するにはどうすればよいですか?

私の状況は次のとおりです。PHP と MySQL をバックエンドとして使用し、jQuery と jsTree をフロントエンドとして使用しています。

私のツリーは左側にあり、ノードをクリックすると、ツリーの右側に浮かぶボックスに特定の情報が読み込まれます。この動作で、このツリーのノードを追加/編集/削除できます (ページのリロードなし、すべて Ajax)。

現在、ツリーにノードを正常に追加できます。新しいノードのユーザー入力を取得し、すべてが検証に合格すると (クライアント側が最初、サーバー側が 2 番目)、新しい「ノード」が MySQL データベースに追加され、JavaScript を使用してその場で jsTree を更新します。その親ノードに新しいノードを追加することにより (最初のページ読み込み時に、PHP は順不同リストとリスト項目を含む HTML ツリーを正しく構築します)。

私の簡単な質問: リスト項目 ("LI") の "ID" 属性を持つ新しいノードを jsTree に追加するにはどうすればよいですか?

参考までに、私の HTML ツリーは次のようになります。これは jsTree に渡され、HTML_DATA プラグインです。

私のクリック アクションは、各ノードが持つ一意の ID (「plant_1」、「area_3」など) に基づいています。現在、jsTree ノードを追加するときは、次のようにします (CRRM プラグインを使用)。

#my_tree はこれで初期化されます:

何か案は?CRRM プラグインのドキュメントには、「attr」データをオブジェクト形式で定義する 3 番目のパラメーター (上記のコードでは、"{attr : "id=plant_"+id}") が記載されています。

理想的な解決策は、jsTree + CRRM に渡す適切なオブジェクトですが、「作成」行の後に Javascript の行を追加し、新しく挿入したLIアイテム。

参考までに、上記の「作成」行で jsTree が挿入する HTML を次に示します。

0 投票する
2 に答える
12299 参照

php - 新しいjstreeノードを作成した後にIDを設定するには?

私はjsTree 1.0を使用しています。そして、このコードを持っています:


私はこれで立ち往生しています:(どうすればこのIDを設定できますか?