問題タブ [fancytree]

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 に答える
1163 参照

json - FancyTree に空のノードがあります

デモからほぼそのまま次のコードがあります。

これが JSON です。

ツリーはレンダリングされますが、データを含む列は「タイトル」と「キー」のみです。他は空白です。

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

jquery - FancyTree (JS) と jqueryUI droppable を使用するコンテキストでソース オブジェクトを取得する

使用しています

https://github.com/mar10/fancytree

ドラッグ アンド ドロップ拡張機能を使用します。

ユーザーは、jqueryUI を使用してドロップ可能としてマークされた DIV にノードをドラッグ アンド ドロップできます。「ドロップ」ハンドラ内に (event, ui) パラメータが表示されますが、ドラッグされているソース ノードを取得する方法がわかりませんでした。

jQueryUIのドキュメントによると、情報は次を使用して入手できます

しかし、有用な情報が見つかりません (console.log)。

次のようなものしか見えません

コンソールで。

関連する Fancytree ノードの元の「タイトル」および「キー」属性を取得する必要があります。

どうやってするか?

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

dynatree - Dynatree と Fancytree のどちらを本番用に使用しますか?

チェックボックスを使用してツリービューに順序付けされていないリストを表示できるJavaScriptソリューションを探しています。

これまでのところ、私が見た中で最高のものはDynatreeです。しかし、ページとフィドルを見ていると、Fancytreeという名前の後継者が指定されていることがわかりました。

実稼働環境でソリューションを実装することを計画しています。

使用するのに最適なライブラリはどれですか?

0 投票する
0 に答える
444 参照

javascript - FancyTree の永続化と Cookie

Groovy および Grails モードで永続化拡張機能を備えた fancyTree を使用しています。AJAX(json)を介してツリーにデータをアップロードしています。リーフをクリックすると、同じドメインではあるが別のパスで別のパスが開きます。パスごとに別の Cookie が作成されます。3 つがリダイレクトされるパスごとに 1 つではなく、1 つのルート Cookie のみを作成することは可能ですか?

新しいパスがロードされるたびに、fancyTree がリロードされます。Cookie が 1 つあれば、ツリー全体の一貫性が保たれます。

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

javascript - 複数のプラグインを備えた Fancytree

「edit」、「dnd」、および「contextMenu」プラグインで fancytree を使用していますが、「edit」および「dnd」プラグインと競合しているようです。「編集」プラグインなしでページを実行でき、ドラッグ/ドロップはうまく機能し、ドラッグ/ドロップ プラグインなしでページを実行でき、「編集」はうまく機能しているようです。しかし、両方とも、私は問題に遭遇します。

問題: ユーザーがノードをダブルクリックして編集を開始し、気が変わって別のノードをクリックしただけで、ソフトウェアは .blur が発生したことを認識していないようです。したがって、カーソルは最初のノードの編集ボックス内にとどまります。これが、編集前に _unbind() が適用されたツリーによるものかどうかはわかりません。ユーザーがタブキーまたはエンターキーを押した場合、すべて問題ありませんが、それはまさに私が求めている動作ではありません。

私はサンプルをダウンロードし、各ページ (dnd と edit) は独立してうまく機能しますが、それらを組み合わせるとこの動作を示します。

誰もこれに遭遇したことがありますか?もしそうなら、修正は何でしたか?私はこれに何日も取り組んできましたが、修正に向けてこれ以上進歩していないようです.

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

fancytree - fancytree フォルダーの深さの制限 - オプションはありますか

jquery の fancytree に基づいてコンポーネントを構築しようとしましたが、ソース データに何をしても、フォルダーの深さが 3 のままです。制限を回避する、特定できなかった特別な Tree Option 機能はありますか?

前もって感謝します。ケビン

私が使用していたコードは次のとおりです。

私が使用していたデータのサンプル(何度も変更しました)が、完成のために以下に追加しました。私のポイントは、3 つのフォルダーを超えてドリルダウンすることができず、フォルダーの深さを削除するためのツリー オプションがどこにも表示されないということです。

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

javascript - jquery - ファンシー ツリー - データが存在しない

Web アプリでツリーを表すために jquery fancy tree を使用しています。

https://github.com/mar10/fancytree

これが私のコードです。問題は、ソース URL /documents/folders が空のリストを返す場合、HTML に「ドキュメントが見つかりません」というテキストを表示することです。API を検索しましたが、プラグインで直接これを行う方法はありません。

私はウェブアプリの世界に不慣れです。誰かが私を正しい方向に向けてもらえますか?

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

javascript - Javascript Fancy ツリーのルート ノードからの完全なパス

コードが表示されていることを理解するために、ファンシーツリーを使用してツリーを作成しています

使用されるdivはtree3です。

ここで、ユーザーが子ノードをチェックするたびに、ルートノードも表示されるまで親ノードの名前を使用したい

しかし、子ノードとしてエコーセレクションで結果を取得できず、ルートノードまで取得できませんでした

実際には、ファイルパスであるため、選択内容をサーバーに送信して保存したいと考えています。

初めて木の人口を使用しているので、親切に我慢してください。他に良いオプションがあれば、親切に提供してください。

PS; ツリー パスをディレクトリ アドレス /abc/acv/ac/xyz.png の形式でサーバーに送信したい 選択したルート ノードに image5 と image_test が表示されていない画像が添付されています