問題タブ [jqtree]

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 投票する
1 に答える
153 参照

jquery-ui - dom 要素をツリーにドロップするデータを追加する可能性はあります

ドラッグ アンド ドロップで子ノードを追加できるようにしたいのですが、子ノードがツリーにありません。したがって、ドラッグ可能なjquery ui関数を使用して要素をjqtreeノードにドラッグすることを考えていますが、ドロップされたノードをキャプチャする方法がわかりません。何か案は?

編集 (詳細)

私はこれを試しました。

しかし、this要素にはノードに関する情報が含まれていません。

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

drag-and-drop - jqTree を使用して 2 つのツリー間でドラッグ アンド ドロップする

私が知っているように、デフォルトでは、jqTree はツリー間の相互作用をサポートしていません。少しの労力でドラッグ アンド ドロップ機能を追加するにはどうすればよいですか?

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

jquery - Bootstrap が競合するスタイルを JQTree に追加している

この最初の図は、ページが最初にロードされたときの jqTree の外観です。

ここに画像の説明を入力

「USA」ノードを閉じてから再展開すると、次のように再展開されます。

ここに画像の説明を入力

Google Chrome デバッガーで検査すると、次のようになります。

ここに画像の説明を入力

何らかの理由で、overflow: hidden が要素のスタイルに追加されていることがわかります。この要素スタイルを削除/無効にすると、ツリーは期待どおりに機能し、すべてが正常に機能します。

また、ヘッダーからブートストラップ css を削除すると、このバグは発生しなくなりました。

なぜ/いつ/どこで/どのようにブートストラップがこのスタイルを追加しているのか、ここにいる人はいますか? クロムのDOMブレークポイントを要素に追加しました(属性の変更時)が、スタイルは実際にはブレークポイントがヒットする前に設定されるため、さらに混乱します...

このバグは、firefox では発生しません。

助けてください

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

php - PHP を使用して SQL クエリからネストされた配列をグループ化し、jqTree プラグインの JSON を取得します

これは SO に関する私の最初の投稿なので、これがこの質問の間違った領域である場合はお詫び申し上げます。

PHP で書かれたページがあり、 jqTreeという jquery プラグインを使用して特定のレイアウトのツリーを作成しようとしています。次の戻り形式を使用して、SQL Server 2008 R2 データベースからページの読み込み時にデータを取得しています。

ツリーを次のようにする必要があります。

jqTree サイトによると、JSON は次の形式である必要があります (私は想定しています)。

私は次のように近づくことを試みました:

しかし、それは明らかに正しくありません...

私は入れ子の配列ソリューションを見てきましたが、何かがクリックされていないので、誰かがこれで私を助けてくれることを望んでいました. 同じ/類似の機能を持つことができる限り、別のプラグインを使用しても問題ありません。

状況を十分に説明できれば幸いですが、さらにデータが必要な場合はお知らせください。

前もって感謝します!

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

php - URLからのjqtreeとJSONロード

PHP のサーバーから jqTree に JSON データをロードしたいと考えています。次のように「data-url」を使用しようとしました:

menu_content.ajax.php によって生成された JSON は次のとおりです。

この JSON を JavaScript コードに直接入れると機能しますが、PHP/JSON の方法では機能しません。ダウンロードした jqtree ファイルの例では、マニュアルにあるように、より複雑な mockjax を使用しています。

リロード機能も機能しません:

PHP で 2 つの異なるヘッダーを使用しようとしました。

しかし、それはあってもなくても機能しません。

確かに私は何か間違ったことをしているのですが、何がわかりません。

JSON を使用したアプリケーションを JavaScript コードで直接表示できます: http://naeco.free.fr/wfr/editionMenu/menuWilly_JSON-in-file.html および php JSON を使用したアプリケーション: http://naeco.free.fr/ wfr/editionMenu/menuWilly.html

Firebug は、すべて問題ないと言っています: コンソールでは、エラーはなく、GET クエリは問題ありません。

あなたの答えに感謝します。

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

javascript - ajax リクエストが成功した後に jqtree に子ノードを追加する際の問題

子ノードをツリーに追加する際に問題があります。シナリオは、ajax呼び出しを使用してノード矢印のonclickでツリーノードをロードしたいです。したがって、ツリー構造を取得するために、最初はルートレベルのノードのみをツリーに渡し、ツリーは正常に機能しますが、矢印をクリックすると ajax 呼び出しが行われ、ノード階層の次のレベルが取得されますが、以前の木構造。

私は持っている :

ajax 呼び出しの矢印をクリックすると、子ノード階層が操作されて送信されます。ajax 成功関数は出力を適切に受け取りますが、ツリー構造全体をオーバーライドし、クリックしたノードの新しい構造を表示します。子構造を前のノード構造に追加したかったので、それを達成する方法を教えてください