获取jsTree的检查值 - 使用表单提交

Question

我使用带复选框主题的jsTree jQuery插件。有谁知道如何使用表单文章获取选定的值？

谢谢！

Answer 1

你有答案吗？如果不是，这里是一个出现在jstree google groups

 
    function submitMe(){ 
     var checked_ids = []; 
     $("#server_tree").jstree("get_checked",null,true).each 
      (function() { 
       checked_ids.push(this.id); 
      }); 
      doStuff(checked_ids); 

Answer 2

的建议从谷歌集团的解决方案却没有对部分检查工作的节点，在我的情况。我不得不离开get_checked，并执行以下操作以获得完全选定和部分选定的节点。

 

$(".sector-tree").find(".jstree-undetermined").each(function(i,element){    
    checked_ids.push($(element).attr("id")); 

    if ($(this).find(".jstree-undetermined").length == 0) { 
     $(this).find(".jstree-checked").each(function(i, element){   
      checked_ids.push({$(element).attr("id")); 
     });   
    } 
}); 

// collect the rest of the checked nodes that exist under checked parents 
$(".sector-tree").find(".jstree-checked").each(function(i, element){ //also includes the ones below 'undetermined' parent 

    var selectedElement = $(element).attr("id"); 
    if (hasItem(selectedElement, checked_ids) < 0) {    
     checked_ids.push(selectedElement); 
    } 

}); 

Answer 3

随着jQuery，你可以简单地做：

$('.jstree-checked,.jstree-undetermined').each(function(){ 
    var rawCheckedID = $(this).find('a').attr('id'); 
}); 

这将得到不确定的，在同一时间检查。上面的soumya解决方案可能更有效率。

Answer 4

与Jstree合作的每个人都可能会遇到以下问题：如何在表单提交中获取Jstree的checked IDs？这里是解决方案：

function submitMe() { 
    var checked_ids = []; 
    $('#your-tree-id').jstree("get_checked",null,true).each(function(){ 
     checked_ids.push(this.id); 
    }); 
    //setting to hidden field 
    document.getElementById('jsfields').value = checked_ids.join(","); 
} 

现在，我们把它在一个隐藏字段：

<input type="hidden" name="jsfields" id="jsfields" value="" /> 

Answer 5

//click button show nodes checked 
$(document).on('click','#showme',function() { 
    var checked_ids = []; 
    var checked_ids_meta = []; 
    $('#demo_0').jstree("get_checked",null,true).each(function(i, e){ 
     checked_ids.push($(this).data("param")); // json metadata 
     checked_ids_meta.push($(this).attr("href")); // json attr 
    });  
    console.log(checked_ids) 
    console.log(checked_ids_meta)  
}); 

Answer 6

在过去的版本（3.0），该API被改变。

如果你需要选择的ID只是阵列（像在这个节点的例子），现在是很容易的：

var selectedElmsIds = $('#tree').jstree("get_selected"); 

如果您需要遍历选定的元素，你只需要通过额外的“真实”参数。

var selectedElmsIds = []; 
var selectedElms = $('#tree').jstree("get_selected", true); 
$.each(selectedElms, function() { 
    selectedElmsIds.push(this.id); 
}); 

Answer 7

var selectedElmsIds = []; 
 
$("#jstree2").find("li").each(function(i, element) { //also includes the ones below 'undetermined' parent 
 
    if ($(this).attr("aria-selected") == "true") { 
 
    selectedElmsIds.push($(this).attr('id')); 
 
    } 
 
}); 
 
console.log(selectedElmsIds);

Answer 8

这是我没有：

function getSelectedItems() 
{ 
    var checked_ids = []; 

    checkedNodes = $("#MyTree").jstree("get_checked", null, true); 

    for(var i = 0; i < checkedNodes.length; i++) 
    { 
     var id = $(checkedNodes[i].outerHTML)[0].id; 

     checked_ids.push(id); 
    } 

    // Do whatever you want with the checked_ids 
} 

这会给你的所有选择的节点及其子节点和叶子的阵列;以及在其他节点下选择的单个叶子。

Answer 9

$(document).ready(function(){ 
var jsfields = $('#myTree').jstree('get_selected'); 
$('.jsfields').val(JSON.stringify([jsfields])); 
}) 

<input type="hidden" class="jsfields" value=""/> 

变化$('#myTree')到你的价值相应的树，这是最好的Ajax调用为我工作。可能需要稍微修改以填充简单表单的输入字段。

Answer 10

您可以使用此：

var result = $('#your_tree').jstree('get_selected'); 

https://stackoverflow.com/a/22499278/1883345