J’ai créé un jquery jstree et ça fonctionne bien. Maintenant, le problème est de savoir comment obtenir les détails des nœuds vérifiés.
Pour créer JStree Le code est:
$(function () { $("#tree").jstree({ "json_data" : { "data" : [ {"data":"pe_opensourcescanning","id":0,"pId":-1,"children": [{"data":"tags","id":30,"pid":0},{"data":"twigs","id":29,"pid":0},{"data":"trunk","id":1,"pid":0,"children":[{"data":"import-export","id":28,"pid":1},{"data":"custom_development","id":12,"pid":1},{"data":"Connectors","id":7,"pid":1},{"data":"support","id":6,"pid":1},{"data":"Installation-Configuration","id":5,"pid":1},{"data":"backup","id":2,"pid":1}]}]} ] }, "plugins" : [ "themes", "json_data", "checkbox", "ui" ] }).bind("select_node.jstree", function (e, data) { alert(data.rslt.obj.data("id")); });
Maintenant, tout en obtenant les nœuds vérifiés, j’ai besoin de toutes les valeurs d’atsortingbuts pour ces éléments vérifiés. Dire comme pour “tags”, l’object json ressemble à {“data”: “tags”, “id”: 30, “pid”: 0}, donc si l’utilisateur sélectionne le tag, j’ai besoin de la valeur “data” et “id” . J’ai essayé d’écrire du code mais malheureusement, cela ne fonctionne pas.
Obtenir des nœuds vérifiés.
- Format de date DatePicker de l’interface utilisateur jpu ASP.Net MVC
- Javascript / JQuery Bascule la classe active entre 2 boutons d’un groupe de boutons
- Mettre en surbrillance des mots de recherche comme Chrome avec jQuery
- Comment supprimer de manière récursive des objects nesteds contenant un tableau vide?
- Comment interpréter la documentation pour les parameters JavaScript facultatifs
$("#" +div2.childNodes[i].id).jstree("get_checked",null,true).each (function () { alert(this.data); alert(this.id); });
Veuillez me donner une solution.
function submitMe(){ var checked_ids = []; $("#server_tree").jstree("get_checked",null,true).each (function () { checked_ids.push(this.id); }); doStuff(checked_ids);
Passer par cette fois jstree google groupes
Comme le souligne l’auteur de jstree (Ivan Bozhanov) dans Google-Groups Discussion concernant get_checked , il est également possible d’y parvenir à l’aide des éléments suivants:
$('#tree').jstree(true).get_selected();
Ceci retourne une liste des identifiants, par exemple [“j1_2”] ou [“j1_2”, “j1_3”, “j1_1”]
Découvrez le violon d’Ivan Bozhanov lui-même sur: jsfiddle-Example get_selected
$.each($("#jstree_demo_div").jstree("get_checked",true),function(){alert(this.id);});
$('#dvTreeStructure').on('changed.jstree', function (e, data) { var i, j, r = []; for (i = 0, j = data.selected.length; i < j; i++) { r.push(data.instance.get_node(data.selected[i]).text.trim()); } alert('Selected: ' + r.join(', ')); }