zTree 自定义字体颜色 ,自定义样式,后端输出后数据后自定义name样式,后台控制name字体颜色,name单独自定义颜色
// zTree初始化 var setting = { view:{ fontCss:getFont//主要此方法,在初始化时加载此方法 }, data: { simpleData: { enable: true } }, callback: { onClick: zTreeOnClick } }; //用字体颜色区分提资状态 function getFont(treeId, node) { var $state = node.state; if($state == 0){ return {"color":"black"}; }else if($state == 1){ return {"color":"#0099CC","font-weight":"bold"}; }else{ return {"color":"#FF6666"}; } }
zTree 展开第一个节点
// 初始化 $(document).ready(function(){ initFun(); selectNodes();//展开第一个节点 }); //单独让第一个节点展开 function selectNodes() { var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); var nodes = treeObj.getNodes(); $suoyin_0 = nodes[0]['children'][0]['children']; if ($suoyin_0.length>0) { for(var i=0;i<$suoyin_0.length;i++){ treeObj.expandNode($suoyin_0[i], true, false, false);//默认展开第三级所有节点 } }else{ for(var i=0;i<nodes.length;i++){ treeObj.expandNode(nodes[i], true, false, false);//默认展开第一级节点 } } }
ztree 获取默认选中的id
//页面初始化的时候加载一下这个方法 //获取全部已经选中的id function clearCheckedOldNodes() { var zTree = $.fn.zTree.getZTreeObj("treeDemo"), nodes = zTree.getCheckedNodes();//获取全部已经选中的, var dan_nodes = zTree.getChangeCheckedNodes();//获取单个选中的,这个需要配置每次点击事件 var xuanzhong_id = ""; var xuanzhong_title = ""; for (var i=0, l=nodes.length; i<l; i++) { //nodes[i].checkedOld = nodes[i].checked; xuanzhong_id += nodes[i].id + "_"; xuanzhong_title += nodes[i].name + "_zc_"; } $('#bl_fl_id').val(xuanzhong_id); $('#bl_fl_title').val(xuanzhong_title); }