ZTree的选中，默认选中，栏木树的使用

demoTree树的素材，可以到以下这里去download

ZTree前端栏目树代码 https://www.sucaihuo.com/js/2945.html

 

代码贴出来学习和记录

//基本设置
		var setting = {
			view: {
				addHoverDom: false,
				removeHoverDom: false,
				selectedMulti: false,

			},
			check: {
				enable: true
			},
			data: {
				simpleData: {
					enable: true
				}
			},
			edit: {
				enable: true
			}
		};
		//分类数组值的处理
		var zNodes =$.parseJSON($('#menus-list').val());
		$(document).ready(function(){
			//分类菜单展示
			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
			//默认选中
			var treeObj = $.fn.zTree.getZTreeObj("treeDemo");//找到对象
			var data = $("#menus").val();//需要选中的id
			if(data){
				var datas = data.split(',');	//转成数组
				//循环选中
				for(var i = 0;i<datas.length;i++) {
					treeObj.checkNode(treeObj.getNodeByParam("id", datas[i]), true, true);
				}
			}
			
		});
		//获取选中的节点
		function onCheck(e,treeId,treeNode){
			var treeObj=$.fn.zTree.getZTreeObj("treeDemo"),
					nodes=treeObj.getCheckedNodes(true),
					v="";
			for(var i=0;i<nodes.length;i++){
				v+=nodes[i].name + ",";
			}
			var id_close = '';
			for(var i=0;i<nodes.length;i++){
                //判断是不是根节点
				if(nodes[i].pId == null){
                    //判断根节点有没有下级了，没有下级，需要选中跟节点
					if(nodes[i].children == undefined){

					 	id_close = id_close + ',' + nodes[i].id;
						//console.log(nodes[i].children);
					}

					//console.log(nodes[i].id); //获取选中节点的值
				}else{
					id_close = id_close + ',' + nodes[i].id

				}
			}
			return id_close;
		}
		//赋值
		$(document).bind('click',function(){
			var ids = onCheck();
			if(ids){
				//判断第一个字符是不是“，”，如果是，就去掉
				var fdStart = ids.indexOf(",");
				if(fdStart == 0){
					ids = ids.substring(1);
				}
			}
			$('#menus').val(ids);
		})