前端jstree

1.jquery父元素选择

 $(this).parents("li");

on() 和 click() 的区别:

on可用于未来的元素。即是现在还没有生成的元素。

http://www.runoob.com/jquery/event-on.html

2.jstree

$('#tree').jstree().get_checked(); //获取所有选中的节点ID
$('#tree').jstree().get_checked(true); //获取所有选中的节点对象
var node = $('#jstree').jstree(true).get_selected(true)[0];//选中树结点的值

1. 获取jstree当前选中节点
function getSelectNodeId() {
    var treeNode = $('#treeSource').jstree(true).get_selected(true)[0]; //获取选中的节点对象
    var nodeId = treeNode.original.id;
    return nodeId;
}

2. 选中指定jstree节点
function selectTreeNode(id) {
    $("#treeSource").jstree("deselect_all", true);
    // id是选中的节点id，然后后面的一个参数 true表示的是不触发默认select_node.change的事件 
    $('#treeSource').jstree('select_node', id/* , true */);
}
注：该方法只支持select方式，如果是checkbox方式，则需要使用check_node。

3.树改变事件
	$('#deptTree').on("changed.jstree", function(e, data) {
			if(data.node.id!=-1){
				parent.loadDept(data.node.id,data.node.text);
				var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
				parent.layer.close(index);
			}
			
		});