問題タブ [dynatree]
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.
search - JQuery Dynatree - 名前でノードを検索
自分のページで Dynatree の使用を開始したいと考えていますが、おそらく自分のツリーを名前で検索する必要があります。おそらくこれを行う方法を知っていますか?
jquery - 1000チェックボックスを使用したjQuery Dynatreeが非常に遅い
1000 を超えるノード (サブノードを含む) をダイナツリーにロードし、各ノードのチェック ボックスを使用して選択しています。
しかし、デモhttp://wwwendt.de/tech/dynatree/doc/sample-select.htmlのようにすべてを選択またはすべて選択解除すると、非常に遅くなり、ブラウザが 10 秒間ハングします。
修正はありますか?
編集:ツリーには 6 ~ 8 のレベルがネストされています。各レベルには約 5 ~ 10 個のノードがあります。
更新されたコード
JSON 形式のサンプル
jquery - クリックまたはホバー時に Dynatree チェックボックス モードからハイライトを削除
vista-skin を使用する dynatree では、ツリー アイテムにカーソルを合わせると、青色の背景でホバー効果が発生します。
さらに、項目をクリックして確認すると、chrome ではオレンジ色の枠、IE では点線の枠が表示されます。
ホバーまたは一度クリックしても影響がないように、これらの両方を削除しようとしています。
例については、selectMode 3 を参照してください: wwwendt.de/tech/dynatree/doc/sample-select.html
更新: /src/skin-vista/ui.dynatree.css で次のブロックをコメントアウトすると、青色のハイライト カラーが妨げられることがわかりました。さらに、以下に示すように、Web ブラウザーが配置するアウトラインを修正するためにコメントを外す必要がある行があります。
dynatree - 遅延読み込みによるキーパスの拡張
私は複数のアイテムと複数のレベルを持つ完全なツリーを持っています、ツリーはajax呼び出しで構築され、レイジーノードを使用します
だから今、私はフルパスを与えれば私のツリーがロードして選択できるように関数を追加したいのですが、アイテムを選択する前に、アイテムが遅延ロードでロードされていることを確認してアクセスできるようにする必要があります。
関数.loadKeypath()を見つけたので、テストのために、ノードへのフルパスを次のように取得しました。
したがって、パスは/12/16/17/18です。
だから私はajaxデータがロードされた後にこのコードを置くべきだと考えました
しかし今、私はコンソールでこの警告を受け取ります:
Adnこれは完全なログです
では、他のノードにネストされているノードをロードするにはどうすればよいですか?
python - Dynatree を使用してあるツリーから別のツリーにノードを移動する
現在、django プロジェクトに取り組んでおり、dynatree を使用してツリービューを構築しています。最初のツリーにはユーザーが選択できるアイテムがあり、選択したアイテムは2番目のツリーに移動します。dynatree でこれを行う方法はありますか?また、ユーザーが項目を「選択解除」して、選択した項目が最初のツリーに戻るようにするオプションがあります。ユーザーがアイテムの選択を解除した場合、アイテムを元の親ノードに戻すにはどうすればよいですか? 前もって感謝します..
dynatree - 結果を取得するときに dynatree を使用するには、iframe が最適な方法ですか?
私は2列のCSSレイアウトを持っています。左のコンテナにはダイナツリーが入っています。ローカルのjsonファイルから引っ張っています。右側はコンテンツで、ダイナツリーのノードをクリックすることで入力されます。
dynatree の例で見たのは、ツリー内の URL を含む iframe の使用です。
iframe を使用するのが「最善の」方法ですか? これがコンテンツを入力する唯一の方法ですか?
ばかげているかもしれませんが、iFrame は通常、物事を進めるのに適した方法とは思えません。より良い方法はありますか?ajax を使用する必要がありますか (できますか?)。
http://wwwendt.de/tech/dynatree/doc/samples.html
「例: URL ナビゲーションと iframe」
ありがとう。
dynatree - Dynatree + 遅延読み込み = 遅い
プロジェクトで Dynatree を使い始めましたが、問題が 1 つあります。遅延読み取りを試みると、動作が非常に遅くなります。addChild を呼び出すたびにツリー全体が再レンダリングされることがわかりましたが、効率的ではないと思います。
私がそれで何ができるか知っている人はいますか?
2 年前、mar10 は次のように書いています。(http://stackoverflow.com/questions/3097791/dynatree-addchild-question-for-the-components-author)
現在リリース 1.0 を使用していますが、変更点が見つかりません。
jquery - dynatreeでjquery-uiアイコンを使用する方法
jquerydynatreeプラグインにjquery-uiアイコンを埋め込みたい。
http://jquery-ui.googlecode.com/svn/tags/1.6rc5/tests/static/icons.html
ここにicons.gifベースのソリューションがあります。 ダイナツリー画像をカスタマイズする方法は?
しかし、jquery-uiアイコンを使用できますか?
lazy-loading - 遅延ロードを使用している場合、dynatree selectmode=3 が受け入れられない
プロジェクトで遅延読み込みを使用して dynatree を使用しようとしていました。選択機能とチェックボックスを組み合わせてモード 3 を選択しようとしたとき、モード 3 の選択ルールが、親が選択されているときに子を含むすべての子を選択することに失望しました。これは、子がまだロードされていないためです。
これを機能させるための回避策はありますか?どんな提案でも大歓迎です。ザンクや!!
javascript - dynatree ノードをスクロール領域の外にドラッグします
私は、ドラッグ アンド ドロップの dynatree の例を使用して作業しています。この例では、私のツリーは dnd が有効になっており、スクロール可能な領域内に含まれています。ただし、この例では、ノードをスクロール可能領域の外にドラッグしようとすると、その領域に制限されたままになるように、領域が拡大するだけです。代わりに、dynatree ノードをスクロール領域の外にドラッグできるようにしたいと考えています。
この機能をスクロール領域内の任意の要素に適用する場合、次のようにします。
dynatree の場合でも同様のことができると思いますが、dynatree の組み込みのドラッグ アンド ドロップ システムで実際にこれを実装する方法がわかりません。
編集
また、ツリー ノードは AJAX を介して設定されるため、ページが最初に読み込まれたときにすべてが存在するわけではありません。