問題タブ [jqtree]
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.
jquery - URL からデータをロードするための jqTree を取得できません
何が間違っているのかわかりませんが、dataUrl を使用しようとすると jqTree が表示されません。
Chrome 開発ツールのネットワーク タブを見ると、js ファイルが読み込まれていることがわかりますが、最も単純な .xml を使用JSON
してもツリーが構築されません。
の内容data.js
:
助言がありますか?JSON に表示されていないフォーマットの問題はありますか?
jquery - jqTreeで子ノードを追加する方法
jqTree ( http://mbraak.github.io/jqTree/ ) の既存のノードに新しいノードを追加しようとしていますが、困惑しています。
こんな木があったら
...新しいノードを の子ノードとして追加したいのですがB
、どうすればよいですか?
addNodeAfter
ドキュメンテーションでは、 、addNodeBefore
およびについて説明していますaddParentNode
が、私はaddChildNode
何か似たようなものを望んでいますか?!
どこかのドキュメントでそれを見逃していると思います...
jquery - rails 3 JqTreeオブジェクトにはメソッドツリーがありません
jquery-rails 2.0.2 および jqtree-rails (0.1.5.0) で Rails 3.2 を使用しています。
含まれている JavaScript ファイルは、私の html ページでは次のようになります。
jqtree のサイトにある最初の例をコピーしましたが、次の javascipt エラーがあります: TypeError: Object [object Object] has no method 'getOwnPropertyNames'
誰かがそれを修正する方法を知っていれば、それは素晴らしいことです! ありがとう
javascript - jqTree のノードに HTML/CSS ID を動的に割り当てる
jqTree では、HTML ファイルの先頭にある JavaScript ブロックに次のコードを配置すると、小さなツリービューが生成されます。
これまでのところ、これは私にとってうまくいっています。ただし、アプリのステータスに応じて各ノード/子の色を変更できるように、HTML/CSS で各ノードおよび/または子に ID を付与できるようにしたいと考えています。ツリービューの HTML は$(function())
呼び出しで動的に作成されるため、デバッガーまたは要素インスペクターで表示できますが、実際に編集することはできません。
これをどうするかについての提案はありますか?
--
jqTree には、次のように、データ宣言の一部としてノードに ID を割り当てる方法があります。
ただし、これらの ID は HTML ID ではないようです。要素の検査に表示されないためです。
その getNodeById 関数によって返されたノードを変更して HTML ID を与えることができる JScript 関数があると思いますが、誰かがもっと簡単で簡単な方法を思い付くことができれば、それを好むでしょう。私の現在の設定ではノードがファイルにハードコードされていますが、最終的には JSON を使用して動的に生成するので、それで動作するソリューションは素晴らしいでしょう。
javascript - jqTree は、有効な json に対して undefined を示します
http://mbraak.github.io/jqTree/#tutorialから jqTree を使用しようとしています
私のページは
値は表示されません。var data = [ { label: 'node1', children: [ { label: 'child1' }, { label: 'child2' } ] }, { label: 'node2', children: [ { ラベル: 'child3' } ] } ];
両方のjsonが有効なものであっても。これまたはjsonのノードを選択するために利用可能な他のjsをどのように解決しますか。
json を表示するために使用できる他の js はありますか。
前もって感謝します。
javascript - 次の構造と一致するように配列を埋めるJavaスクリプト
変数データの空の値から始めたいとしましょう。プッシュメソッドを使用してjavascriptでこの結果を達成するにはどうすればよいですか:
私が試してみました:
上記のコードを見ると、子のリストにリンクされる要素を 1 つ挿入する必要があります。誰かがこれを達成するのを手伝ってくれますか..私はとても感謝しています。よろしくお願いします。
jquery - jqtree にカスタム属性が表示されない
jqtree docsでは、カスタム属性をデータに追加できると書かれています。
オブジェクトに他のデータを含めることもできます。後でこのデータにアクセスできます。たとえば、ID を追加するには:
次のような JSON を送信しています。
私は次のように実装しています:
ツリーは正常に表示されますが、「id」フィールドは、私が判断できる方法では渡されません。何か間違ったことをしていますか、それともその機能はサポートされていませんか?
jquery - Fire event after component is built
I'm using jqTree in a project in this way:
- dynamically add 'p' elements with '.root' class to the page.
- when a button is clicked, call jqTree for each of the 'p.root' elements.
- after each li is added, add an id using the onCreateLi event handler.
- after all trees are created, add a class to highlight the li's that occur more than once.
The last step is where I'm having trouble. Here's the code I'm using:
The problem is that the 'onCreateLi' fires after each li, so the one it just created will always be the last sibling. I also tried a .load() on the end of the .each(), but it seemed to interrupt the building of the tree (I'm guessing it gets fired before the trees are built).
This would be much easier if there was a .afterLoad() event handler for jqTree.
EDIT: Wait, this might actually be working...
EDIT 2: Works in Firefox, not in IE.
EDIT 3: I'm going to ask this a different way, so more jQuery experts that aren't familiar with jqTree can answer it. I'm looping over each of the 'p.root' elemets using jQuery.each(). After that loop is done, I need to fire some code. I tried jQuery.each().after(), but it seems to interrupt the building of the tree.
jquery - JQ ツリーが正しくレンダリングされない
ツリー構造にエリアパスをロードしようとしている JQ ツリーがあります。
私はLoadTree()
から呼び出されたメソッドを持ってdocument.ready
おり、このメソッドはオブジェクトのリストを取得する ajax 呼び出しを行います (のようなプロパティを持つDisplayName
)。
結果データをループすることで、バインドしたいデータ文字列を作成しています。ただし、データをバインドすると、データが適切にレンダリングされず、すべてのデータが 1 行に 1 文字レンダリングされます。
この画像を参照してください:
どんな助けでも大歓迎です。