2017-12-14 8 views
0

처음으로 jstree을 사용하여 시작했으며 json/PHP 으로 시작했으며 체크 박스에 $array['mynewkey']의 값을 설정하는 방법을 알고 싶습니다. 어떻게받을 수 있습니까? 새 노드 이름을 jstree에 추가하십시오.

내 코드입니다 : 당신은이 샘플을 시도 할 수 있습니다

<script type="text/javascript"> 
    (function($){ 
     // check in php file or dir and create another array varible called extension contain file/dir value 
     // switch the extention variable here 
     $('#tree-container').jstree({ 
      "plugins" : ["contextmenu", "types", "wholerow","checkbox"], 
       'core' : { 
        'data' : <?php echo json_encode($array); ?> 
       } 
     }); 
    })(jQuery132); 
</script> 

답변

0

<div id="jstree"></div> 
<button id="sam">Create node</button> 
<button id="get" onclick="submitMe()">Get node Id</button> 

<script> 
$(function() { 
// Sample data 
    var data = [{ 
    "id": "1", 
    "parent": "#", 
    "text": "Simple root node" 
    }, { 
    "id": "2", 
    "parent": "#", 
    "text": "Root node 2" 
    }, { 
    "id": "3", 
    "parent": "2", 
    "text": "Child 1" 
    }, { 
    "id": "4", 
    "parent": "2", 
    "text": "Child 2" 
    }]; 

    $("#jstree").jstree({ 
    "core": { 
     // so that create works 
     "check_callback": true, 
     "data": data // You can your own data 
    }, 
    "plugins": ["checkbox"], 
    }); 

    // To create new node 
    $("#sam").on("click", function() { 
    $('#jstree').jstree().create_node('#', { 
     "id": "5", 
     "text": "newly added" 
    }, "last", function() { 
     alert("Created Successfully..."); 
    }); 
    }); 
}); 

// To get all the node 
function submitMe() { 
    var checked_ids = []; 
    var selectedElms = $('#jstree').jstree("get_selected", true); 
    $.each(selectedElms, function() { 
    checked_ids.push(this.id); 
    console.log(checked_ids); 
}); 
} 
</script>