問題タブ [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 投票する
1 に答える
5817 参照

jquery - JSTreeドラッグドロップの問題

ASP.netでJSTreeを使用しています。ツリー用に生成されたhtmlは次のようになります

ノードをドラッグして他のノードにドロップすると、drag_finish用に記述された関数が呼び出されません。dnd plginは、次のように使用されます。

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

php - サーバーフォルダーにアップロードされた XML データに基づいて jsTree を作成する

tl:dr 正確な XML URL ではなく、フォルダーの場所に基づいて jsTree を設定するにはどうすればよいですか?

このプロジェクトの方向性を少し探しています。

現在、ハード ドライブのファイル構造を XML ファイルとしてコピーし、Web サーバーで jsTree を使用してそれらを再作成し、ファイル構造の完全に独立したバージョンを作成しようとしています。jsTree に形成された XML ファイルを出力し、サーバー上のフォルダーに自動的にアップロードする python スクリプトがあります。問題は、表示するために各 XML ファイルを jsTree コードに手動で入力する必要があるため、少し迷っているため、次のような複数のエントリがあることです。

ドキュメントには、直接ファイルが入力される代わりに、「server.php」がフォルダーに入力されることがわかりますが、php コードのどこにもディレクトリやファイルを指していません。問題を検討した後、私はいくつかの解決策を考え、それらについていくつかのアドバイスを使用できました。

XML_DATA フォルダーを自動的に調べて各 XML ファイルをアップロードするように PHP コードを作成する必要がありますか? すべての XML を mySQL にアップロードし、それに基づいてツリーを作成する必要がありますか? javascript は、XML ファイルのサーバーのフォルダーを検索するコードである必要がありますか?

すべての XML は同じように形成されますが、サーバー上の XML ファイルの数が増加し、変更によって上書きされるだけでなく、更新する必要があります。どんな方向でも感謝します、ありがとう。

0 投票する
5 に答える
9205 参照

jstree - JSTree:ダブルクリックではなくシングルクリック時にノードを展開しますか?

私は一生これを理解することはできませんが、ダブルクリックイベントをオーバーライドするように JSTree を構成しようとしているので、シングルクリックイベントになります。これはコールバック構成に追加されたものですか? これを行う方法がわかりません。JSTree のソース コードを編集する必要がありますか? ドキュメントはこちら: http://docs.planbleu.org/modules/webportal/jquery/jsTree.v.0.9.5/documentation/#configuration

ソースコードで「ondblclk」を「クリック」に変更してから、構成設定に「クリック」コールバックオプションを追加しようとしましたが、何もしませんでした...おそらく間違っています。

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

jquery - JSTreeselect_nodeイベントとチェックボックス

select_nodeイベントを使用してノードを切り替え(展開)したjstreeがあります。したがって、見栄えが悪く、必要がないため、ツリーの切り替え矢印を削除しました。

ツリー内で使用するチェックボックスプラグインを追加しましたが、プラグインがアクティブな場合、select_nodeイベントが無効になっていることがわかりました。

醜いトグル矢印を再度追加せずに、チェックボックスプラグインをアクティブにしてノードをトグルするにはどうすればよいですか?check / uncheckイベントでそれを行うことはできますが、ノードを展開するたびにチェック/チェックを外したくありません。

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

contextmenu - ファイルとフォルダごとにjsTreeのコンテキストメニューを管理する方法

右クリック後のコンテキストメニューの管理に固執しました。実際には、フォルダーのコンテキストメニューのいくつかのアイテムとフォルダーのコンテキストメニューのいくつかのアイテムを表示する必要があります。

フォルダのコンテキスト メニューをクリックすると、次のようになります。

  • 作成
  • 削除する
  • 名前を変更
  • 新着

ファイルコンテキストメニューをクリックすると、次のようになります。

  • 作成
  • 削除する
  • 名前を変更

クリック後にこのメニューを管理する方法はありますか。ドキュメントや他のブログを調べましたが、有用なコンテンツが得られません。

そのように実装できるように、何かご案内いただけますか。

前もって感謝します

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

jquery - jstreeレンダリングノードをリンクとして作成するにはどうすればよいですか?

データなどをロードする素晴らしいjstreeがあります。ノードをクリックしたときに何かを実行させる必要があります。

node_selectイベントの処理に成功しましたが、ノードをリンクとしてレンダリングする簡単な方法はありますか(html <a>タグのように)?

編集: jstreeノードはすでにリンクされているようです-<a>タグと<li>を使用しています

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

jquery-plugins - メモラベルの後にjstree表示アイコン

ノート ラベルの後にボタンを配置するにはどうすればよいですか。ボタン/アイコンは、オンライン/オフラインなどのステータスを表示するために使用できます。ありがとう

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

parameters - スクリプトを使用して、異なる ajax データ ソースで jstree をリロードする方法

私の状況では、

このようなデータ ソースに関するコードの一部:

"json_data": { "ajax": { "async": false, "url": "setup/locationTreeJson.htm?id=-1" } }

同じページで、これは要素です。目標は、値を変更してから、JavaScriptを使用してjstreeのデータソースを次のように変更することです。

"setup/locationTreeJson.htm?id=[THE_VALUE_FROM_'選択要素']"

次にjstreeをリロードして別のデータを表示します

それで、どうすればこのようにできますか?

よろしくお願いします

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

jquery - JSONからのjsTree子のロード

私はJavaScriptコーディング、特にjQueryの使用にかなり慣れていません。jsTreeを使用してJSONを介してデータを入力しようとしています。今、私の質問は関連する質問に答えられたと思いますが、私がしていることに対する具体的な答えを見つけることができないようです。jsTreeのドキュメントも参照しましたが、それでも理解できません。

以下は私が試しているコードです

これは基本的に、JSONのjsTreeドキュメントのコードのコピーです。ここで何が起こっているのかというと、その内容のツリーのルートフォルダにデータを入力することができます。以下は、私が取得しているJSONの応答です。

しかし、フォルダーのノードをクリックすると、同じ値を持つ同じJSONリクエストが入力されています。

私は犯人が

しかし、応答から取得したIDを渡す方法に迷い、最初のnodeRef値を置き換えます。コールバックを使用してみましたが、何も起こりません。

どんな助けでも大歓迎です。

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

html - jsTreeでツリー表示するHTMLデータを構造化する方法

私は jsTree を初めて使用し、HTML ページ内のリスト<ul>から始まるツリーを作成したいと考えています。<li>これはhtml_dataプラグインを使用しています(正しい方法であることを願っています)。

私は疑問に思っています: jsTree によってツリーに変換されるデータを HTML で記述する正しい方法はどれですか?

jsTree のドキュメントでは、次のように提案されています。

idただし、jsTree がデータを参照するために使用する属性をどこに置くかは指定されていません。

さらに、あまりうまく機能していないようです。<div>そのコードを aおよび a<ul>タグで埋め込む人を見たことがあります。例えば:

iddiv タグ内にあることに注意してください。これは正しい方法ですか?私にとって<a href="#">、ノードのテキストを書くためだけにタグを使用するのはあまり快適ではないようです...そして、私<span>がアイテムアイコンを失う...

誰かが私よりも頭が冴えていることを願っています。