のすべての子とサブの子ノードを取得します。しかし、どういうわけか、再帰を使わないとうまくいきません。 jsTreeにはより良い方法がありますか?jstreeのjQueryプラグイン - 私は私が選択した親のすべてのノードおよびサブノードを取得しようとしています<a href="http://jstree.com" rel="noreferrer">jsTree jquery plugin</a></p> <p>を使用していた親
答えて
。私の場合は、xmlをツリーのデータソースとして使用しています。 open_nodeイベントを次のようにjstreeにバインドします。 xmlを使用していても、内部構造はhtmlデータの構造であることに気をつけてください。
// jsTree Configuration hash
var jsTreeConfig = {};
$("#demo1").jstree(jsTreeConfig)
.bind('open_node.jstree', function(e, data) {
var parentObj = data.rslt.obj; // parent object
var jstreeInstance = data.inst; // jstree instance
$(data.rslt.obj).find("li").each(function(idx, listItem) {
var child = $(listItem); // child object
// do Stuff with child which can be any level of hierarchy depth
// ...
});
});
貧弱なインデントには申し訳ありません。 jstree({...})には、jstreeをインスタンス化するためのすべてのオプションがあります。このためにはjQueryをプリロードする必要があります。 – Sid
あなたはすべてこのセレクタを使用することにより、完全なツリーを取得することができます:私はこれを行う方法を発見した$("#demo1").find("li > a")
ありがとう@fliesplが、私は特定の親の子ノードだけが必要です。私はそれをやる方法を考え出した。私はそれをテストした後すぐに回答を投稿するつもりです。 – Sid
私は以前のソリューションを試しましたが、最新バージョンのjsTree(v3.2.1)では動作しません。以下は、親ノードの子ノードとサブノードを取得するための更新されたソリューションです。
$("#myTree").bind('selected_node.jstree', function (node, data) {
var selectedNodes = $("#myTree").jstree(true).get_json(data.node.id, { flat: true });
for (var i = 0; i < selectedNodes.length; i++) {
// Apply logic here
// ...
// ...
// ...
}
});
- 1. jQueryの私は<a href="http://docs.jquery.com/Plugins/validation" rel="nofollow">this jQuery validation</a>プラグインを使用して、有名な取得しています
- 2. は私が<a href="http://livevalidation.com" rel="nofollow">livevalidation</a>プラグインを使用しています
- 3. jQueryのガントチャート - 私はgantviewのjQueryプラグイン (<a href="https://github.com/thegrubbsian/jquery.ganttView" rel="nofollow">https://github.com/thegrubbsian/jquery.ganttView</a>)を使用しようとしたデータ
- 4. 親LIのインデックスを取得し、<A> hrefをjqueryで割り当てる
- 5. は私がクリックしたときに、リスト項目のテキストを提出しようとしているjQueryのオートコンプリートに<a href="http://jqueryui.com/demos/autocomplete/" rel="nofollow">INFO</a></p> <p>を使用しているjQueryのオートコンプリート
- 6. 私は、この関数は(すなわち、私が代わりにノードを作成しています)ウィザードと呼ばれている。</p> <p><code>$("#TreeDiv").jstree("create", $("#somenode"), "inside", { "data":"new_node" });</code></p> <p>以下のようにCRRMを使用してノードを作成していjstree
- 7. jqueryの複数選択 - 私はオプションでjqueryの複数選択プラグイン<a href="http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/" rel="nofollow">http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/</a>を使用しています<optgroup>
- 8. 展開煎茶/ jQueryのモバイルつのタッチが、私は<a href="http://www.sencha.com/products/touch/" rel="nofollow">Sencha</a>または<a href="http://jquerymobile.com/demos/1.0a2/" rel="nofollow">JQuery Mobile</a>を使用して思っていたアンドロイド/ IPhone
- 9. Firefoxの/ jQueryのは、だから私は2つの画像ギャラリー、<a href="http://devkick.com/lab/galleria/" rel="nofollow noreferrer">Galleria</a>と<a href="http://leandrovieira.com/projects/jquery/lightbox/" rel="nofollow noreferrer">Lightbox</a>を結合しようとしていますimg要素
- 10. WebPACKのブートストラップローダのロードカスタムファイル私は私のカスタム.scssファイルと、このような.bootstraprc私のセットアップでを追加しようとしました<a href="https://github.com/shakacode/bootstrap-loader" rel="noreferrer">bootstrap-loader</a></p> <p>このプラグインを使用して、私は、ブートストラップ-SASSをロードするためのWebPACKを使用してい
- 11. すべてのノードをjstree jqueryの選択されたonloadとして設定します
- 12. は、私が<a href="http://apionrails.icalialabs.com/book/chapter_two" rel="nofollow">APIonRails tutorial</a>を使用しています
- 13. が、私は私のアプリのいくつかのグラフを作成しようとしている、と私は<a href="http://www.jqplot.com/index.php" rel="nofollow">http://www.jqplot.com/index.php</a></p> <p>の使用を開始しました
- 14. 私はリストについて<a href="http://youtu.be/ZbXSOX2kHys" rel="nofollow">this animation</a></p> <p>を作成しようとしているUICollectionView
- 15. 角度2、私は次のように私のテンプレート内の要素のホールドを取得しようとしました。2.</p> <p>角度で<a href="http://www.getmdl.io/components/#snackbar-section" rel="nofollow">Material Design Lite snackbar</a>を使用したい
- 16. チェックボックスのプラグインとJsonデータを使用して、選択したノードでjstreeを再構築しました。
- 17. 私は<a href="http://isotope.metafizzy.co/docs/options.html#onlayout" rel="nofollow">http://isotope.metafizzy.co/docs/options.html#onlayout</a>を使用してい
- 18. CSS:右doesnの親のdiv内:私は浮くために、2つのdivを取得しようとしています</p> <p><a href="http://jsfiddle.net/jhacks/nnZWB/7/" rel="nofollow">http://jsfiddle.net/jhacks/nnZWB/7/</a></p> <p>:なし定義された幅を持つ親の中にフロートすることは
- 19. RadTreeViewで選択したノードの親ノードを取得していますか?
- 20. は、私は私のC++のプロジェクトで<a href="http://blogs.oregonstate.edu/hess/code/sift/" rel="nofollow">Rob Hess's SIFT library</a>を使用しようとしているC++
- 21. は、私は私が得ることができるどのようにHTML tags.Nowせずに文字列を取得しています私のコードでそのHtmlStrippedTextを取得していますasp.net.Whenで<a href="http://freetextbox.com/" rel="nofollow">FreeTextBox control</a></p> <p>を使用していますAsp.net
- 22. ビルヴァリデ:パッケージlibvala-0.12は、私が<a href="https://launchpad.net/valide" rel="nofollow">valide</a>(0.7.1)</p> <p>私は成功したのValaを構築しているの最新バージョンを構築しようとしています
- 23. は、それは次のように私が何をすべきと言う私はこの<a href="https://github.com/felipecsl/AsymmetricGridView" rel="nofollow">library</a></p> <p>を使用しようとしていますAsymmetricGridView
- 24. jqueryのFlashプラグインが、私はFlashプラグインは任意のものを示していない。このフィドル<a href="http://www.jsfiddle.net/RCfkF/2/" rel="nofollow">http://www.jsfiddle.net/RCfkF/2/</a>をチェックしなさいこのフィドルにしようとしたオーディオクリップを示すためにjqueryのFlashプラグインを使用しています何も
- 25. は、私が、どんなに私がしようとしているように見えるものを(<a href="http://inscopeapps.com/demos/flipbook/" rel="nofollow">http://inscopeapps.com/demos/flipbook/</a>)「フリップブック」を使用して、Webページ上のループに</p> <p>をPNGイメージシーケンスをしようとしないんだフリップブックのjQueryプラグイン
- 26. のjQuery:今のページに、私は例外を取得<a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="nofollow noreferrer">form validation plugin</a>を使用しています1.3.2</p> <p>に私は最近、jQueryの1.2.6からアップグレード1.3.2
- 27. jQueryのアヤックス、私は画像<a href="http://www.finalwebsites.com/demos/php_ajax_upload_example.php" rel="nofollow">http://www.finalwebsites.com/demos/php_ajax_upload_example.php</a></p> <p>をアップロードするには、このプラグインを使用しています。しかし、これは動作していないAJAX
- 28. リボンジェネレータは、私が<a href="http://windowsribbon.codeplex.com/" rel="nofollow">http://windowsribbon.codeplex.com/</a></p> <p>からライブラリを使用してWindowsリボンAPIを使用するためのセットアップに自分の.NETのWinFormsアプリをしようとしています.ribbonファイル
- 29. は、私は私がすべての書式をHTMLコードを取得しています私のコードでそのテキストを取得していますasp.net.Whenに<a href="http://www.freetextbox.com/" rel="nofollow">FreeTextBox control</a></p> <p>を使用していますfreetextboxコントロールの実際のテキスト
- 30. は最近、私は<a href="https://github.com/crowdint/rails3-jquery-autocomplete" rel="nofollow noreferrer">https://github.com/crowdint/rails3-jquery-autocomplete</a></p> <p>を使用し始めたそれは素晴らしい作品が、私は、私はautocompleteingた結果の有効範囲を設定しようとしていた方法を変更し、Rails3
P.S. - 私はここで私の質問に答えました。 – Sid