問題タブ [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.
javascript - 部分的に選択された子ノードを持つ親ノードを読み取るにはどうすればよいですか?
コードでdynaTreehttp://wwwendt.de/tech/dynatree/index.htmlを使用して、2レベルのツリーを表示しています。このツリーはで表示されselectMode = 3
、checkboxes
ユーザーがノードのチェックボックスをオンにすると、その親はに変わりますgray mode
。
次の段階で、ユーザーがボタンをクリックすると、選択したすべてのノードがサーバーに送信されて処理されます。私がやりたいのは、すべてのgray mode
チェックボックスも送信することです。
どうすればこの目標を達成できますか?
編集:これはあなたが必要とするすべてのコードです
を選択するKey2_1
と、Key2
に移動するgray state
と、テキストボックスにKey2_1
が追加されます。フィールドtextField
にもKey2を入れたいと思います。textField
注:との両方の子ノードをKey2_1
選択Key2_2
すると、親(key_2)も選択されますが、親(key_2)が選択されている場合は選択されません。gray mode
css - 十分な垂直スペースがあるのに、div に垂直スクロールバーが表示されるのはなぜですか
Google Chrome 19.x または IE9.x を使用しています
Html5 Doctype を設定しました。
TreeDiv 内に jquery dynatree プラグインがあります。
スクロールせずにツリー項目を垂直方向に表示するのに十分なスペースがありますが、それらのスクロールバーは表示されます。
何故ですか?
問題は、垂直スペースが非常に少なくなり、ULタグ内にあるダイナツリーから垂直スクロールバーも表示される場合です。したがって、ul-dynatree は正しく動作していますが、私の div だけがスクロールバーに夢中になっています!
overflow: hidden; を設定することもできます。役に立たないTreeDivで。垂直スクロールバーは常に表示されます:/
jquery - 含まれている div が $.empty() でクリアされると、dynatree ツリービューを 2 回レンダリングできません
#TreeDiv で openTemplate 関数を使用して dynatree ツリービューをレンダリングしています。ダイナツリーの特定のテンプレートのすべてのユニットをロードする前に、#TreeDiv を空にするかクリアして、既存のツリーを削除します。これは初めて機能します。
#TreeDiv で別のテンプレートの他のユニットを読み込もうとすると、ユニット データが表示されません。div は空です。最初にユニット ツリーを作成したときと同じようにコードが正常に実行されるため、何らかの方法で #TreeDiv が破損しました。違いは、2 回目に .empty() を実行したときに、既にツリーが存在することです。
私は何を間違っていますか?
jquery - jQueryを使用してアンカータグ内のテキストを選択する方法
a
タグを選択し、クリックするとそのテキストを表示したい。
つまり、最初のリンクである「One」をクリックすると、。を使用してそのテキスト「One」を表示したいと思いますalert
。
2番目のリンク「例」をクリックすると、を使用して「例」というテキストを表示したいと思いますalert
。
アップデート1:
答えてくれてありがとう。私が本当にやりたいのは、ツリー構造を作成する必要があり、ツリーリーフノードをクリックすると、そのリーフノードの名前を表示する必要があるということです。
jQuery DynaTreeを使用してツリー構造を作成しましたが、上記のコードではjQueryセレクターが機能していません。
タグまたはタグ内の他の要素を選択できませんdiv
。
以下はツリー構造です。
これは私の完全なHTMLコードです(上記は単なるサンプルコードです)
私が投稿した写真は、上記のHTMLコードの出力です。
myjquery.jsファイルにこのようなコード(古い)があります
アップデート2:
私の問題の解決策
myjquery.jsファイルでは、次の新しいコードが機能します。上記の古いコードと比較できます。
javascript - Dynatree prog からノードを削除および追加する方法
他のノードを邪魔することなく、Dynatree に/からノードを削除および追加する方法は?
チェックボックス付きのダイナツリーがあり、ユーザーはポップアップでノードのリストからノードを追加/削除できます。更新中は、以前にチェックしたノードに影響を与えることなく、データを追加/削除する必要があります。
dynatree - ダイナツリーの最大レベル
Dynatree でノードの最大レベルを定義することは可能ですか? または、ツリー内のノードの最大深度を定義する方法は?
事前にTnx!
javascript - DynaTreeContextMenuコピー/貼り付けが機能しない
順序付けされていないリストからツリービューを生成できるjQueryプラグインであるDynaTreeに問題があります。問題は、ここにあるようなコンテキストメニューを実装しようとしたことです。何をしても、次の行になります。
正しく動作することを拒否します。つまり、Chromeの「要素の検査」ビューで見ると、ノードオブジェクトは常にnullになります。彼らが私を助けることができるかどうか誰かが以前にこの問題を抱えていたかどうか疑問に思います。ありがとう。
あるいは、私が右クリックした/マウスオーバーした要素からデータを選択する方法、または少なくともデータを取得する方法を誰かが知っている場合は、それもかなりうまくいくでしょう。よろしくお願いします。
javascript - ダイナツリーでノードを選択する方法
サーバー側にはクラス TreeNode があります
およびクラス TreeItemsAttr
したがって、私のアクションでは、いくつかのツリーノードをセットアップしてisSelected=true
class を追加addClass="dynatree-selected"
しましたが、呼び出すnode.tree.getSelectedNodes()
と[]
.
いくつかのノードが選択されるようにサーバー側でセットアップするにはどうすればよいですか?
また、TreeNode プロパティの選択と設定を true に追加しようとしましたが、役に立ちませんでした。
dynatree - Dynatree でチェックされたノードを一覧表示する
Dynatree で作成されたツリーがあり、その中にチェックボックスがあります。
チェックされたチェックボックスのリスト(または配列)を取得して、それらを操作(別のツリーに移動)できるようにする方法を教えてください。
前もってTnx!
performance - 大きな木のレンダリング時に Dynatree が遅くなる
Dynatree で大きな木を高速にレンダリングする方法のヒントを探しています
Dynatree jquery プラグインを試してみました。
私はかなり大きなツリーをレンダリングしようとしています: ルートには正確に 7592 の子ノードがあり、ルートから 10 レベルの深さのようなものです
Firefox ブラウザを搭載した PC で、Firebug から次のメッセージが表示されます。
- 2.68 秒後に読み込まれたページ コンテンツ (これはネットワーク速度に依存し、356 KB が読み込まれます)
- 3 秒で読み込まれる DOMcontent
- 次に、「ロード」が 9 秒で到着します
したがって、ツリーのレンダリングには約 6 秒かかります。
ツリーを構築するコードは、ul、li、および「a href」タグを含む HTML で作成されます ツリー全体はサーバー側で要求に応じて作成されます。従来の ASP および SQL サーバーでは、ページの HTML を生成するのに 500 ミリ秒以上かかりません
速度を改善する方法はありますか?JSONを使用していますか?レイジーモードを使用していますか?非 ajax ツリーでこのモードを設定するにはどうすればよいですか?
よろしくお願いします
フレッド