問題タブ [fancytree]

ファンシーツリーを使用する Web アプリにツリーがあります。一部のノードでフォントの色を赤に設定する必要があることを除いて、すべてうまく機能します。私はextraClasses適切なノードに対してすべて完全に適用され、ブラウザーのデバッガーを使用して検証できる JSON で使用しています。

font-styleただし、 CSS属性を簡単に適用できますがbackground-color、何らかの理由でフォントの色がベースに引き継がれませんspan.fancytree-title。代わりに、すべてのノードが黒です。

CSS:

関連する extraClasses を生成する C#:

ブラウザー デバッガーでは、これを明確に確認できます。

ここで、色が要素の属性に組み込まれていることがわかります。

ただし、ハイライトするspan.fancytree-titleと、色が上書きされ、代わりに黒が使用されていることがわかります。

.initファンシーツリーのイベントとドキュメント準備機能の両方で、jQueryでこれらのノードの色をオーバーライドしようとするなど、さまざまなことを試しました。

すべての .fancytree-title要素の色を設定するというブルート フォース アプローチも試してみました。

これも効果がありませんでした。私はアイデアから新鮮です。フォントの色を適用したくないだけで、フォントの色だけを適用したいだけです。他のすべての属性は問題なく機能します。ヘルプ！

オブジェクトをファンシーツリー ソースに参照によってバインドしたいので、そのオブジェクトのプロパティを変更すると、突然ツリーに反映されます。

これはfanytreeで可能ですか？

私はこのコード（以下に記載）で試しましたが失敗しました

ajax 呼び出しオプションを使用して FancyTree ツリーを作成しているときに問題が発生しました。ページとツリー データのソースは、Oracle 10 データベースの PL/SQL パッケージです。呼び出しtree_test.show_pageて、この単純なテスト ページを表示するために使用htp.pします (わかりやすくするためにスクリプト リンクは削除されています)。

ツリーは表示されませんが、Chrome デバッガーで呼び出しtest_tree.get_treeが成功した場所を確認できます。問題は、文字列応答が JSON データとして表示されていないことだと思います。var treeData = <JSON data here>FancyTreesourceパラメーターを追加して に変更すると、正常source: treeDataに動作するため、データが適切であることはわかっています。sourceまた、パラメータの構成方法に関係なく、同じPL/SQLプロシージャによってツリー・データが提供されます。

Chrome デバッガーでは、応答のコンテンツ タイプがtext/htmlとして表示されます(以下の編集を参照)。dataTypeパラメータにさまざまな値（「json」、「html json」、「text json」、「html text json」など）を試しましたが、成功しませんでした。

明らかな何かが欠けていますか??

以下は、サンプルの JSON データです。

[{title: "Root Group", key: "g0", folder: true, expanded: true, children: [{title: "Group 1", key: "g1", folder: true, expanded: true, children: [{title: "Node 1", key: "141", tooltip: "Node 1"},{title: "Node 2", key: "82", tooltip: "Node 2"}]},{title: "Group 2", key: "g2", folder: true, expanded: true, children: [{title: "Node 3", key: "91", tooltip: "Node 3"}]}]}]

編集:
Yogi の提案によりowa_util.MIME_HEADER('application/json', true)、手順に追加したところtree_test.get_tree、応答のコンテンツ タイプがapplication/jsonChrome のデバッガーのように表示されるようになりました。しかし、ツリーにはまだデータが取り込まれていません。

と を使用Laravel 4してfancytreeいます。

次のようなデータapiを返す呼び出しがあります。JSON

JSONof 要素survey_dataをにロードしたいfancytree。

現在、私のコードは次のようなものです:

変数sourceURLに を渡し、正しいデータapi urlを取得していることを firebug で確認しました。JSONしかし、これsurvey_data JSONをソースとしてロードする方法がわかりません。

私も試しました：

しかし、エラーが発生します:

の最新バージョンを使用していることに注意してくださいfancytree。

誰でも私を助けることができますか？

ありがとう。

すべて正常に動作する遅延読み込みツリーがありますが、jQuery で特定のノードを展開できるようにする必要があります。ここでデモを見てきましたが、呼び出しを試みるたびにtoggleExpand()次のエラーが発生します (イントラネットのターゲット プラットフォームである IE9 で)。

私のコードは単純です：

を使用しnode.expand()ても同じ結果が得られます。また、activate(event, data)イベントからノードを取得data.nodeしようとしましたが、それも機能しません (使用する必要がある場合ではありません。ノード オブジェクトへのハンドルを取得する方法を見つけようとしているだけです)。それは動作します）。

私が見つけたドキュメントによると、これは私が必要とすることをするはずですが、そうではありません。

選択したノードを削除し、すべての子をその場所に移動したいと考えています。私はコードを使用します：

#tree は ul\li を含む div です。ノード > 1 の場合、「Uncaught TypeError: null のメソッド 'addChildren' を呼び出せません」というエラーが発生し、ノードが 1 つだけ削除されます。

https://github.com/mar10/fancytree

基本的に、このツリーは展開/折りたたみ時に子要素を追加および削除します。ツリーが展開されていない限り、子の DOM 要素を変更できません。

ドキュメントで解決策を検索しましたが、見つかりませんでした。こんなお悩みをお持ちの方もいらっしゃるかもしれません...

最初にツリー内のすべてのノードに対して作成された DOM 要素が必要です (展開されていない場合は非表示ですが、存在します)。

ありがとう

外部パネルからツリー ノードをアクティブにしています。ツリーがかなり大きいので、アクティブ化されたノードに自動スクロールして、さらにデータの読み取りを行いたいです...私の質問は、そのような自動スクロールを実行する方法ですか? 私はたくさん検索しましたが、いくつかのダイナツリーソースを除いて、まだ役立つものを見つけていません。

ありがとうアンディ

私はファンシーツリーで働いています。

javascriptでリロードした後にノード(レイジー)を開くにはどうすればよいですか?

コード：

node.setExpanded() を実行すると、「Assertion failed」エラーが発生します。問題は、 node.load() が実行される前に setExpanded() 命令を実行していると思います。

ありがとうございました。