tüm alt ve alt alt düğümleri alın. Ama her nasılsa, özyinelemeden çalışmaz. JsTree için daha iyi bir yolu var mı?jstree jquery eklentisi - Ben bütün düğümleri ve seçilen bir ebeveynin alt düğümleri getirmek çalışıyorum <a href="http://jstree.com" rel="noreferrer">jsTree jquery plugin</a></p> <p>kullanıyorum ebeveyn
cevap
. Benim durumumda, ağacın veri kaynağı olarak xml kullanıyorum. Open_node olayını jstree'ye aşağıdaki şekilde bağlıyorum. Xml kullanmama rağmen, iç yapının html verilerininki olduğuna dikkat edin.
// 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
// ...
});
});
Zayıf girinti için özür dilerim. jstree ({...}) jstree'yi başlatmak için tüm seçeneklere sahiptir. Bunun çalışması için önceden yüklenmiş jQuery'ye ihtiyacınız var. – Sid
Tüm bu seçici kullanarak tam ağacını alabilirsiniz: Bunu yapmak için bir yol bulmuş $("#demo1").find("li > a")
Teşekkürler @fliespl ama sadece belirli bir ebeveynin çocuk düğümlerine ihtiyacım var. Bunu yapmanın bir yolunu buldum. Test ettikten hemen sonra bir cevap yazacağım. – Sid
Önceki çözümü denedim ve en son jsTree (v3.2.1) sürümü ile çalışmıyor. Aşağıda, ebeveynin çocuk düğümlerini ve alt düğümlerini almak için güncellenmiş bir çözüm bulunmaktadır.
$("#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. UI eklentisi kullanıldığında Jstree düğümleri çalışmaz
- 2. JSTree yinelenen düğümleri gösteriyor
- 3. JsTree: Nasıl klasörleri ile jstree düğümleri sıralamak için üst
- 4. jsTree - oluşturma optimizasyonu | 2000 düğümleri ile çok uzun render
- 5. JQuery JSTree - bir ToolTip ekleyin
- 6. <a href="http://deepliquid.com/content/Jcrop_Manual.html" rel="noreferrer">Jcrop</a> içinde
- 7. Ben Aşağıda</p> <p><a href="https://datatables.net/" rel="nofollow">https://datatables.net/</a> örneğin aynı tabloyu oluşturmak çalışıyorum
- 8. python3 varsayılan kodlama ben <a href="http://inginious.readthedocs.io" rel="noreferrer">inginious</a> denilen bir çerçeve kullanıyorum ve onun şablonu oluşturmak için <a href="http://webpy.org/" rel="noreferrer">web.py</a> kullanıyor
- 9. DVWA Ben <a href="http://www.dvwa.co.uk/" rel="nofollow noreferrer">DVWA</a> yapılandırmış
- 10. uzak MySQL veritabanına bağlanmak için ben <a href="http://www.jcraft.com/jsch/" rel="noreferrer">Jsch</a> kullanıyorum
- 11. jQuery tmpl jQuery tmpl <a href="http://api.jquery.com/jquery.tmpl/" rel="nofollow">http://api.jquery.com/jquery.tmpl/</a> kullanıyorum geçersiz HTML
- 12. $ (...). Datetimepicker ben <a href="https://webpack.github.io/" rel="noreferrer">webpack</a> kullanıp <a href="http://eonasdan.github.io/bootstrap-datetimepicker/" rel="noreferrer">bootstrap-datetimepicker</a> kullanmak istediğiniz bir işlev
- 13. JStree bağlantı href ayarlamak ve yeniden yönlendirmek
- 14. nasıl nasıl <strong>düğüm adının</strong> çift veya tek <strong>tıklama</strong> üzerine yakın/</strong> düğümleri açmaya <strong>olabilir jsTree
- 15. jQuery spritely ve ben <a href="http://koodoocreative.co.uk/~stagesca/" rel="noreferrer">this website</a></p> <p>ben yaşıyorum sorun için mükemmel <a href="http://spritely.net/" rel="noreferrer">jQuery Spritely</a> kullanıyorum Google Chrome
- 16. jQuery UI Selectables - Ben bir kez (sadece o linke demo gibi) başlatıldı jQuery UI Slectable <a href="http://jqueryui.com/demos/selectable/" rel="noreferrer">http://jqueryui.com/demos/selectable/</a></p> <p>kullanıyorum
- 17. tetik sayfa yüklemesi ben büyük bir sonsuz-scroll plugin <a href="http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/" rel="noreferrer">http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/</a></p> <p>kullanıyorum
- 18. MVC - JQuery Datepicker Şu anda bir MVC uygulaması oluşturmadan ve olayları kitaba bir JQuery UI Datepicker <a href="http://jqueryui.com/demos/datepicker/" rel="nofollow">http://jqueryui.com/demos/datepicker/</a></p> <p>kullanıyorum
- 19. jQuery .parent() <a href="http://jsfiddle.net/TCZV3/" rel="noreferrer">the following code</a> ile başarısız Neden
- 20. JsTree-grid,
- 21. jstree: kısıtlaması
- 22. d3js ben bu <a href="http://jsbin.com/omokap/3/edit" rel="nofollow noreferrer">http://jsbin.com/omokap/3/edit</a> uyguladık
- 23. nasıl <a href="https://www.vaultproject.io/" rel="nofollow">vault</a> için denemeye istedik
- 24. jQuery eklentisi <p>JSON XML seri hale iyi jQuery eklentisi nedir?</p>
- 25. Io: Protokol 'https' ı <a href="http://iolanguage.org/" rel="nofollow">Io language</a> HTTPS üzerinden bir dosya getirmek çalışıyorum
- 26. Stax ayrıştırma - seçilen ana babaya göre alt düğümleri ayrıştırma
- 27. Galleria eklentisi: Bağlantılar nasıl eklenir? Bu <a href="http://galleria.aino.se/" rel="noreferrer">Galleria plugin</a> bahsediyor
- 28. Bunda <a href="http://json.codeplex.com/" rel="nofollow">Json.NET</a> İlk göz kullanıyorum Json.NET
- 29. - değil <a href>
- 30. <a href.. in PHP
P.S. - Sorumu burada cevapladım. – Sid