問題タブ [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.
jquery - Fancytree lazyload:空の結果がエラーをスローするのはなぜですか?
ファイルを含むディレクトリ構造を表示するための Fancytree があります。そのため、すでにうまく機能している Fancytree の lazyLoad 機能を使用しています。つまり、ディレクトリをクリックすると、AJAX リクエストを介してコンテンツが読み込まれます。
ロードするコンテンツのないディレクトリがある場合、サーバー側のスクリプトは [] を返します (Fancytree のドキュメントに記載されています)。次に、次のエラーが表示されます。
TypeError: node.getLastChild(...) は未定義です
エラーをスローする行は、jquery.fancytree.js の 3016 行目です。
node.getLastChild().scrollIntoView(true, ノード);
これは Fancytree のバグですか、それとも何か間違ったことをしたのでしょうか?
(Firefox および Fancytree バージョン 2.0.0-7 を使用)
fancytree - fancytree ノードを上部にあるフォルダーでソートする方法
ファンシーツリーのドキュメントと例を何時間も見直し、ファンシーツリーのすべての利点をスポンジのように吸収しましたが、API 呼び出しを使用して最初にファンシーツリー オブジェクトをフォルダーでソートする方法がわかりません。最初の JSON データを配置して、最初の JSON データを配置して、最初のフォルダーで既にソートされているようにしましたが (プロジェクトの要件)、新しいフォルダーをツリーに追加する必要があり、再ソートする必要があります。オブジェクトは、新しく追加されたフォルダーが他のフォルダーと共にツリーの一番上に表示されるようにします。
カスタム比較関数を定義できるようにする sortChildren() の興味深いオプションがあることに気付きましたが、その使用方法に頭を悩ませています。
どんなアイデアでも大歓迎です!
以下のスニペットは、私が現在どのように物事を行っているかを示しています (新しい子にいくつかのフォーム要素からのデータを入力しています):
前もって感謝します!
jquery - JQuery - Fancytree 拡張機能のドラッグ アンド ドロップを適用できませんでした
JQuery fancytree を使用していますが、ドラッグ アンド ドロップを使用するとエラーが発生しました。私のプロジェクトは他の拡張機能 (フィルター、子カウンターなど) を使用していますが、dnd は適用できません。fancytree dnd js ファイルの最新バージョンを取得したと思います (github で取得)。
私はそのようなfancytreeファイルを登録します:
そして、私はそのような拡張子を登録します:
そして、私はこのエラーがあります:
私を手伝ってくれますか。
jquery - Fancytree jQuery プラグインは複数を処理しません行の要素
Martin Wendt によって書かれたFancytree jQuery プラグインを使用してきましたが、これは素晴らしいものです。しかし、私はある特定の側面に苦労してきました。ツリーのデータ構造に JSON ではなく HTML を使用していますが、ノードが欠落してレンダリングされることがわかりました。
これを Fancytree コントロールが単一の<UL>
構造体を想定しているに違いないという事実に絞り込むのにかなりの時間を費やしました。構造内の他のものは、 の下にネストする必要があります<LI>
。しかし、私はその理由を理解していません。説明させてください。
サンプル HTML を次に示します。
この HTML を IE、Chrome、またはほとんどすべてのブラウザーでレンダリングすると、アイテムがネストされた 2 つの連続する順序付けられていないリストとして正しく表示されます。ただし、Fancytree を適用すると、ノード「Nested Folder 2」が完全に消えます。実際、プラグイン フレームワークからの JavaScript エラーや警告はありません。
したがって、私の質問はやや二重です。
W3C 標準に基づいて、上記の適切にフォーマットされた HTML 構文はありますか? 私はイエスと思う。
Fancytree が 2 番目のフォルダーをレンダリングしないのはなぜですか? Fancytree のバグですか?これをレンダリングするために簡単にできるカスタマイズはありますか?
この HTML のソースは動的であり、かなり複雑な XSLT が含まれているため、HTML 構造をリファクタリングする必要がないことを願っています。
提供できる洞察をいただければ幸いです。
javascript - html ファイルに直接含めることができる、googlecode でホストされている fancytree javascript のオンライン バージョンはありますか
jQuery および jQueryUI ライブラリを含めるために、HTML で以下のコードを使用できます。
http://plugins.jquery.com/fancytree/からファイルをダウンロードせずに、URL を使用して Fancy Tree プラグインを含めるために同様のものを使用することは可能ですか?
ありがとうございました
javascript - ファンシーツリーで展開とクリックを区別する方法は?
私は実演のような木を持っています。選択できない[\]
ことを意味し、選択できるチェックボックスを表します。[]
グループまたはサブグループをクリックすると、次のようになります。
- クリックしたグループ/サブグループの下にあるすべての子を展開します
- 以下の全項目を選択(2度目の場合は非選択)
クリックすると、次の>
ことのみが暗示されることを望みます。
- クリックしたグループ/サブグループの下にあるすべての子を展開します
今のところ私のコードは次のようになります。
と:
ajax: ifModified: true キャッシュ: true
今のところ、「>」をクリックすると下の子が表示および非表示になるという問題があります。
チェックを適切に行う方法:
これは機能していません。