問題タブ [fancytree]

Fancytree を使用して、階層的な複数選択を行いました。今ここに問題があります

上記のツリー構造があります。親 2 を選択すると、子 21 と子 22 の両方が選択されます。問題は、子 21 と子 22 の選択を解除すると、親 2 も選択解除されることです。ユーザーがその親の子ノードの選択を解除した場合、ユーザーが親ノードのみを選択できるようにする方法を探しています。FancyTreeで可能ですか？

プロジェクトの 1 つで FancyTree jQuery プラグインを使用しています: https://github.com/mar10/fancytree

このプラグインには、一致しないノードを暗くするか非表示にするフィルター拡張機能もあります: https://github.com/mar10/fancytree/wiki/ExtFilter

私のツリーは 2 レベルのツリーです。これは、子を持つフォルダーがあることを意味します。私がやろうとしているのは、フォルダー名とノード名の両方で検索することです。問題は、次のようなものがある場合です。

ノード タイトル - ノードの子 - ノードの子 2

「タイトル」で検索すると、フォルダ「ノード タイトル」が残り、「タイトル」がないため、子は非表示になります。

私がやりたいことは、フォルダー名と子の名前の両方で検索しますが、子を非表示にせず、一致しないフォルダーのみを非表示にすることです。

そのため、「タイトル」で検索すると、「タイトル」を含まないすべてのフォルダーが非表示になりますが、「ノード タイトル」フォルダーの子ノードはそのまま残り、表示されます。

これをどのように行うことができるかについて、誰かがアドバイスを手伝ってくれますか?

よろしくお願いします！

私の TestPage.aspx ファイルには、次のコードがあります。

私はjQueryコントロールを操作してajax呼び出しを行うことに少し慣れていませんが、これは次のように定義されたコードビハインドで私のメソッドを呼び出すと想定しました:

ただし、メソッドを呼び出すことはありません。メソッドの先頭にブレークポイントを配置し、ヒットすることはありません (ツリーには読み込み中の画像が表示されるだけです)。ここで私が間違っていることを誰かに教えてもらえますか?

将来の使用のために保存できるように、fancytree からジェネリック ハンドラーにデータを渡したいと考えています。

このコードを使用する場合:

次に、jquery.js から次のエラーが発生します。

私も試しました：

これにより、同じエラーが発生します。「ツリー」がJSONではないためだと理解しています。データを JSON オブジェクトに変換するにはどうすればよいですか?

編集：

このコードを使用する場合:

私は必要なことを達成するためにそれを手に入れることができますが、fancytreeにはこれのための組み込み関数はありませんか?

ファンシーツリーを使用してシンプルなツリービューを表示しています。ツリーには、グループ (子を持つことができる) とアイテム (子を持つことができない) の 2 つの「ノード タイプ」があります。contextMenu 拡張機能を使用して機能を追加しようとしています。メニューには、追加、編集、削除の 3 つのオプションがあります。key「項目」ノードではなく、「グループ」ノード (値は「g」で始まる)に対してのみ「追加」メニュー オプションを表示することは可能ですか? または、少なくとも「アイテム」ノードに対して無効にしますか??

設定

lazyloadを介してディレクトリ ツリーを読み込んでおり、複数階層のチェックボックスが有効になっています。

サブフォルダーを選択すると、親フォルダーが自動的に「半選択」され、親を選択/選択解除すると、すべての子が選択/選択解除されます。

問題

しかし、それ以上サブフォルダーがないフォルダーに到達し、このフォルダーを展開しようとすると (+ アイコンが削除されます)、このフォルダーを選択すると、選択を解除できなくなります。少なくとも正しくはありません。選択を解除すると、半選択状態になります (視覚的にのみ、ツリーのポーリング時に選択済みとしてマークされません)。

親を選択すると、この子が選択されますが、親の選択を解除すると、子は選択されたままになります。

ここで何が起こっているのか誰か教えてもらえますか? 私はそれを間違って実装しましたか、それともこれはバグですか?

例

リンク

私はいくつかのjsonが取り込まれたfancytreeを持っています。ドロップ可能なdivもあります。ツリー内でノードをドラッグできるようにしたい (つまり、含まれている階層内で物を移動できるようにしたい)、ツリーから外部のドロップ可能な div に物をドラッグできるようにしたい。

これどうやってするの？

ここに私が持っているものがあります:

私のHTML：

dnd 初期化オプション:

ドロップ可能な初期化

拡張子:

["dnd","edit","contextMenu"] 拡張機能を利用しています。私が気付いていない競合がある場合に備えて、これについて言及しています...ただし、編集とコンテキストメニューを無効にしましたが、役に立ちませんでした。

行動：

• contextMenu と edit 拡張機能は正常に機能します。
• ツリー内で項目をドラッグ アンド ドロップして、ノードを並べ替えることができます。
• ツリーからドラッグできません
  • ツリーでscroll: trueは、端をドラッグすると無限にスクロールするスクロールバーがいくつか取得されます
  • ツリーのスクロールバーは同じように動作しscroll: falseますが、実際のスクロールは発生しません
  • 封じ込めは効果がないようです

含まれるリソース:

• jquery.js jquery-ui-1.11.0.js
• jquery.fancytree-all.css
• jquery.contextMenu.css
• jquery.contextMenu-1.6.5.js
• jquery.fancytree.contextMenu.js
• fancytree.min.css