zTree实现单独选中根节点中第一个节点

1、实现源代码

<!DOCTYPE html>
<html>
<head><title>zTree实现基本树</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><link rel="stylesheet" type="text/css" href="../../../css/demo.css"><link rel="stylesheet" type="text/css" href="../../../css/zTreeStyle/zTreeStyle.css"><script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script><script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script><script type="text/javascript"><!--var setting = {data: {simpleData: {enable: true}}};var zNodes =[{ id:1, pId:0, name:"湖北省", open:true},{ id:11, pId:1, name:"武汉市", open:true},{ id:111, pId:11, name:"汉口"},{ id:112, pId:11, name:"汉阳"},{ id:113, pId:11, name:"武昌"},{ id:12, pId:1, name:"黄石市"},{ id:121, pId:12, name:"黄石港区"},{ id:122, pId:12, name:"西塞山区"},{ id:123, pId:12, name:"下陆区"},{ id:124, pId:12, name:"铁山区"},{ id:13, pId:1, name:"黄冈市"},{ id:131, pId:13, name:"黄州区"},{ id:132, pId:13, name:"麻城市"},{ id:133, pId:13, name:"武穴市"},{ id:134, pId:13, name:"团风县"},{ id:135, pId:13, name:"浠水县"},{ id:136, pId:13, name:"罗田县"},{ id:137, pId:13, name:"英山县"},{ id:2, pId:0, name:"湖南省", open:true},{ id:21, pId:2, name:"长沙市", open:true},{ id:211, pId:21, name:"芙蓉区"},{ id:212, pId:21, name:"天心区"},{ id:213, pId:21, name:"岳麓区"},{ id:214, pId:21, name:"开福区"},{ id:22, pId:2, name:"株洲市"},{ id:221, pId:22, name:"天元区"},{ id:222, pId:22, name:"荷塘区"},{ id:223, pId:22, name:"芦淞区"},{ id:224, pId:22, name:"石峰区"}];$(document).ready(function(){$.fn.zTree.init($("#baseTree"), setting, zNodes);});/***  单独选中根节点中第一个节点*/function selectNodes(){var treeObj = $.fn.zTree.getZTreeObj("baseTree");//获取节点var nodes = treeObj.getNodes();if (nodes.length>0) {var node = treeObj.selectNode(nodes[0]);alert(node);}}//--></script></head><body>
<div class="content_wrap"><div class="zTreeDemoBackground left"><ul id="baseTree" class="ztree" style="height: 300px; width:200px; overflow-y: auto"></ul><input type="button" id="btn" οnclick="selectNodes()" value="单独选中根节点中第一个节点"/></div>
</div>
</body>
</html>

2、实现结果

3、源代码说明

单独选中根节点中第一个节点

var node = treeObj.selectNode(nodes[0]);

转载于:https://www.cnblogs.com/yutingliuyl/p/6973072.html

zTree实现单独选中根节点中第一个节点相关推荐

cms 移动根节点到根节点中的子节点，根节点消失解决办法
cms 移动根节点到根节点中的子节点,根节点消失解决办法 cms使用对应有个NetCMS数据库,找到其中NT_News_Class表,这个表就是保存栏目名称的表 select * from dbo.N ...
Java为xml跟节点添加子节点_如何将xml节点作为第一个子节点插入Java中的另一个xml文档中？...
小编典典如果事实证明我只是为您做功课,我会感到非常恼火. package com.akonizo.examples; import java.io.ByteArrayInputStream; imp ...
Vue获取div节点中的子节点出现的坑（childNodes, nextTick）
今天遇到了一个比较邪门的问题,就是我在mounted中使用 var oUl = document.getElementById("tbody"); console.log(oUl. ...
Activiti中的关于子流程中的并发节点标记处理
最近在研究一个轻量级的工作流引擎Activiti,就遇到了子流程中无法标记其并发节点的问题,经过几天的研究,想到了一个简单易懂的方法,总结如下,希望对你们能有所帮助,有写的不对的地方,还希望大家多提宝 ...
JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
节点操作之父子节点和下拉框
1.父级节点:node.parentNode node.parentNode,返回某节点的父节点,返回最近一个父节点,如果没有父节点返回null. <!-- 父级节点:node.parentNo ...
WebAPI-DOM树，获取父节点、获取子节点的方法汇总
DOM树 DOM树又称为文档树模型,就是把文档映射成树形结构,通过节点对象对其处理,处理的结果可以加载到当前的页面中. DOM树就像人类家族的族谱,族谱可以很容易的表明家族成员之间的关系,将复杂 ...
设森林F对应的二叉树为B，它有m个结点，B的根p,p右子树结点个数n,森林F中第一棵树的结点个数
题目:设森林F对应的二叉树为B,它有m个结点,B的根p,p右子树结点个数n,森林F中第一棵树的结点个数设森林F对应的二叉树为B :它的意思就是将森林F转换为二叉树. 它有m个结点 :这颗二叉树总共有 ...
zTree中父节点禁用，子节点可以用
参考学习网址:http://www.treejs.cn/v3/main.php#_zTreeInfo zTree中父节点禁用,子节点可以用 axios.get('/base/unit/unittree ...

zTree实现单独选中根节点中第一个节点

zTree实现单独选中根节点中第一个节点相关推荐

最新文章

热门文章