zTree 自定义字体颜色 ,自定义样式,自定义name样式,控制name字体颜色,zTree 展开第一个节点,找出默认选中的
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); }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
2016-11-06 搜 房 网 站 设 计 练 习