問題タブ [jstree]

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.

0 投票する
2 に答える
4184 参照

jstree - ドラッグ アンド ドロップ プラグインを無効にせずに、jsTree での移動を無効にするにはどうすればよいですか?

jsTree 1.0 での移動を無効にするが、dnd プラグインを無効にしない方法は?

ありがとう。

0 投票する
2 に答える
10198 参照

javascript - jstreeアイコンと「クリックして展開」する方法

ドキュメントリストのインデックスを作成するためにjsTreeを使用しています。JSONを使用してツリーを作成します。問題と質問があります。

私の問題は、フォルダとファイルの両方に同じアイコン(タイプで設定されたデフォルトのアイコン)が表示されることです。デフォルトのアイコンを変更すると、すべてのツリーアイコンがそのアイコンに設定されます。タイププラグインを使用しない場合、すべてのアイコンにデフォルトのフォルダーアイコンが使用されます。

jstree構成:

サンプルJSON:

アイコンは、sjtreeのドキュメントに示されているように、データディクショナリ内に設定されます。しかし、それは役に立たない。エラーは発生しません。ツリーのアイコン以外はすべて問題ありません。

2番目の質問は、jstreeを構成するにはどうすればよいですか。親ノード(フォルダー)をクリックすると、展開矢印がクリックされたかのように展開されます。

0 投票する
1 に答える
980 参照

javascript - jsTreeXMLモジュールの使用

jsTreeのXMLモジュールに混乱しています。1.0rc2を使用しています。具体的には、jsTreeはXSLTを使用してXMLをHTMLリストベースのツリーに変換します。XMLをレンダリングできなかったので、ソースコードを確認しました。XSLはjsTreeのコードにハードコードされているように見えます。特定の1行は、rootの子要素がitemと呼ばれる場合にのみ機能することを意味します。

独自のXSLTでソースコードを更新するつもりですか?

0 投票する
3 に答える
1480 参照

javascript - JQGrid から jsTree v.0.9.9a にドラッグ

作成した jqGrid から行をドラッグし、jsTree (v.0.9.9a) のノードでドロップ イベントを発生させようとしています。

とにかくこれを行う方法はありますか - jsTreeの v.0.9.9a のみを使用します。

よろしく。

0 投票する
3 に答える
5455 参照

css - jstree: 制約幅

ページに複数のサブツリーを持つ jstree があり、ブランチを選択すると何かを表示したいと考えています。表示されるテキストはツリーの横に表示されるはずですが、何らかの理由で jstree が div のすべてのスペースを占有しているため、テキスト div が下に配置されています。ツリーと div は両方とも、カプセル化された div と float left に対して相対的に配置する必要があります。

ツリーの幅を制限する方法はありますか (ツリー div で style="width=100px" を設定しても機能しません)。または、テキストを絶対に配置せずにツリーのすぐ隣に配置する別の方法はありますか?

0 投票する
2 に答える
31781 参照

javascript - 子ノードを jstree にプログラムで追加する

ノードをjstreeに動的に追加するコードを書き込もうとしています。http://www.jstree.com/documentation/crrmのドキュメントに従いましたが、動作する簡単な例を取得できません。ノード child2 が追加されていますが、ノード 'root に追加されています。指定された「child1.id」ではなく「id」...ヒントをいただければ幸いです。コードは次のとおりです

0 投票する
1 に答える
4012 参照

jquery - jstree jquery プラグイン イメージはどこにありますか?

ツリービューを作成するためのjqueryプラグインであるjstreeを試しています。正常に動作しますが、内部の仕組みの一部を取得できません。そして、1 つの (一見) 単純なことが狂ったように私を悩ませます: フォルダ アイコンなどの画像はどこから来るのですか? つまり、テーマを定義しなくても、結果にはフォルダのデフォルト アイコンが表示されます。テーマをたとえばリンゴに変更すると、アイコンが変わります。しかし、これらの画像がどこから来たのかわかりません。テーマの css ファイルでそれらへの参照を見つけることを期待していましたが、そうではありません。

誰かがこれを説明できれば、できればそれらと、それらを参照して変更する方法を教えていただければ幸いです! 具体的には、アイコンを変更して、閉じたフォルダー用のアイコンと開いているフォルダー用の別のアイコンがあるようにしたいと考えています。

0 投票する
3 に答える
5428 参照

javascript - jstree - それ自体が子を含む子ノードの追加

子を含む jstree に子ノードを追加する機能が必要なコードがいくつかあります。以下のコードは、「child2」ノードを「child1」に正しく追加しますが、child3 データは無視します。どんな助けでも大歓迎です。コードは次のとおりです。

0 投票する
1 に答える
3105 参照

jquery - MVC の JsTree jQuery プラグインでの Ajax 呼び出し

MVC アプリケーションでフォルダー ビューを取得するために JsTree を動作させようとしています。ページ ビューで既存の静的 html ul リストを使用すると、すべて正常に動作します。しかし、ul リストを動的に取得する必要があるため、ドキュメントに記載されている JsTree の ajax 呼び出しを試みています。

ご覧のとおり、このリストのすべての「a」要素にクリック イベントを設定しようとしています。繰り返しますが、ul リストが div id="demo2" に直接記述されている場合、これは正常に機能します。しかし、リストを動的に取得しようとすると、これらの動的に作成された要素のクリック イベントが機能しません。何も起こりません。結果のhtmlを確認しましたが、見る限りすべて問題ありません。クリックイベントが設定されているときに動的な要素が存在しないため、クリックイベントが設定されていないようです。もしそうなら、私はこれについて何ができますか?動的に作成された要素でイベントをトリガーできるようにする必要があります... JsTreeのドキュメントを見てきましたが、基本的にはイベントなどをリストするだけで、それらの使用方法を示していません。ツリーが作成された後にのみクリックイベントが設定されて動作するようにコールバックを設定できればと思いますが、このためのコールバックを作成する方法がわかりません。(私はjqueryに非常に慣れていないため、このスクリプトで頭を悩ませていますが、必要なので、学習しながら学習しようとしています)。

0 投票する
3 に答える
3702 参照

jstree - ドラッグ開始点での JSTree DND イベント

オブジェクトがドラッグを開始する前にチェックを実行する必要がある外部ドラッグ可能オブジェクト (jstee の dnd を介して実装されたドラッグ可能オブジェクト) があります。

「drag_finish」によく似たメソッドまたは使用できるバインディングを探していますが、ドラッグ イベントの開始時に使用します。