zTree选中指定ID的节点

最新推荐文章于 2023-01-06 14:23:38 发布
原创 最新推荐文章于 2023-01-06 14:23:38 发布 · 3.2k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何在已经初始化的zTree中，通过JavaScript代码选中具有特定ID的节点，包括两个主要步骤：一是确认zTree已初始化，二是执行选中节点的JS操作。

zTree选中指定ID的节点

发布时间： 2018-01-15 22:31:44

1.已存在初始化的zTree:

<ul id="treeDemo" class="ztree"></ul>

2.JS选中zTree指定ID的节点


                

                
                
        

    


  


        

            

                      
                        最低0.47元/天 解锁文章
                          
                      
            

        


    



                



	

		

			

				
					
ztree获取当前选中节点子节点id集合的方法

				
			

			

				

					09-03
				

			

		

		

			
				
主要介绍了ztree获取当前选中节点子节点id集合的方法,实例分析了ztree的方法transformToArray使用技巧,需要的朋友可以参考下

			
		

	



                

            
              



	

		

			

				
					
js树插件zTree获取所有选中节点数据的方法

				
			

			

				

					12-12
				

			

		

		

			
				
本文实例讲述了js树插件zTree获取所有选中节点数据的方法。分享给大家供大家参考。具体分析如下： 由于刚接触Tree方面的东西。在网上看到了zTree，是中国人写的。所以API肯定是中文的。而且评论也很好。所以尝试用...

			
		

	



              


  
              

                


	

		

			

				
					
zTree根据ID选中节点

				
			

			

				

					我的博客
				

				

					01-30
					
					1292
					
				

			

		

		

			
				
zTree = $.fn.zTree.getZTreeObj("treeDiv");	//加载ztree的div
var node = zTree.getNodeByParam("id",pid );
zTree.cancelSelectedNode();					//取消所有选中
zTree.selectNode(node,true);				//选中指定ID的节点
zTree.expandNode(node, true, false);		//将指定ID节点展开


...

			
		

	





	

		

			

				
					
ztree根据Id查找指定节点，并选中节点，把下级节点展开

				
			

			

				

					
				

				

					10-11
					
					978
					
				

			

		

		

			
				
$(document).ready(function(){   var lastKey;  var productTypeId = $("#productTypeId").val();//获取隐藏域Id值  if(productTypeId!=''){   va...

			
		

	



		

			
		



	

		

			

				
					
Ztree 指定ID节点的选中 和 指定ID节点的展开

				
			

			

				

					m0_38109616的博客
				

				

					12-01
					
					412
					
				

			

		

		

			
				
#treeDemo 就是你显示树的网页中DIV的ID
Znode1 是你的树的JSOn数据
pid  就是你指定要选中 或者要展开节点的 ID
node 获取你指定ID的节点
selectNode 方法是选中指定的节点
expandNode 方法是展开你指定ID的几点方法

...

			
		

	





	

		

			

				
					
jQuery插件zTree实现单独选中根节点中第一个节点示例

				
			

			

				

					10-20
				

			

		

		

			
				
在本文中，我们将深入探讨如何使用jQuery插件zTree实现单独选中根节点中的第一个节点。zTree是一款功能丰富的jQuery树形控件，它能够帮助开发者轻松创建交互式的树状结构，广泛应用于网站导航、组织架构展示等领域。...

			
		

	





	

		

			

				
					
zTree获取所有选中节点id和名称

					
热门推荐

				
			

			

				

					Angel、骷髅博客
				

				

					12-04
					
					4万+
					
				

			

		

		

			
				
zTree获取所有选中节点id和名称

			
		

	





	

		

			

				
					
ztree设置节点checked，选中某节点等相关操作

				
			

			

				

					weixin_30252155的博客
				

				

					06-16
					
					449
					
				

			

		

		

			
				
1、根据id获取树的某个节点：
var zTree = $.fn.zTree.getZTreeObj("mytree");
var node = zTree.getNodeByParam("id",1);
2、设置node节点选中状态：
zTree.selectNode(node);
3、设置node节点checked选中,有两种方法实现:
（1）、zTree.checkNode(...

			
		

	





	

		

			

				
					
ztree根据id选中条目

				
			

			

				

					小乙先生的博客
				

				

					10-09
					
					857
					
				

			

		

		

			
				

function getZtree() {
    var setting = {
        view: {
            expandSpeed: 100,
            selectedMulti: true,
            showLine: true, // 是否显示节点间的连线
            fontCss: {},
        } 
...

			
		

	





	

		

			

				
					
ztree选中指定节点

				
			

			

				

					caixiajia的专栏
				

				

					11-02
					
					1万+
					
				

			

		

		

			
				
1、获取id为1的节点
var treeObj = $.fn.zTree.getZTreeObj("tree");
var node = treeObj.getNodeByParam("id", 1, null);
2、设置节点选中
treeObj.selectNode(nodes[0]);-----------------treeObj.selectNode(nodes);-不对



			
		

	





	

		

			

				
					
ztree树默认根据ID默认选中该条数据

				
			

			

				

					java2EE_Android的博客
				

				

					01-05
					
					1万+
					
				

			

		

		

			
				
function getZtree() {
    var setting = {
        view: {
            expandSpeed: 100,
            selectedMulti: true,
            showLine: true, // 是否显示节点间的连线
            fontCss: {},
        },
 

			
		

	





	

		

			

				
					
zTree默认勾选指定ID并执行事件

				
			

			

				

					weixin_33854644的博客
				

				

					10-27
					
					193
					
				

			

		

		

			
				
zTree默认勾选指定ID并执行事件
			
	
	
		
    try {
        var arrs = $('#subjectClassID').val().split(",");
        var treeObj = $.fn.zTree.getZTreeObj("subjecttree");
        //checkNode(...

			
		

	





	

		

			

				
					
ztree获取当前选中节点及所有父节点

				
			

			

				

					Jenny—静默时间,花开灿然
				

				

					07-10
					
					2485
					
				

			

		

		

			
				

获得当前选中节点路径，如部门库〉新闻部〉文字稿：
树如下图：
 js:
var curLocation="";//当前位置

var treeObj = $.fn.zTree.getZTreeObj("rs_tree");
	var nodes = treeObj.getSelectedNodes();
	if(nodes.length&gt;0){
		var allNode ...

			
		

	





	

		

			

				
					
ZTree的简单使用

				
			

			

				

					weixin_44997847的博客
				

				

					08-23
					
					1710
					
				

			

		

		

			
				
ZTree的简单使用

			
		

	





	

		

			

				
					
zTree插件，父子级不关联情况下，实现右击全选父级及子级菜单

				
			

			

				

					万里飞鹏的博客
				

				

					12-19
					
					2143
					
				

			

		

		

			
				
var setting = {
check: {
enable: true,
chkStyle: "checkbox",
chkboxType: {"Y":"","N":""},//父子不关联
chkDisabledInherit:false

},
data: {
simpleData: {
enable: true,
idKey: "id",
pIdKey: "pId"

			
		

	





	

		

			

				
					
设置ztree路径树节点选中

				
			

			

				

					波波豆奶
				

				

					06-22
					
					1990
					
				

			

		

		

			
				
ztree

			
		

	





	

		

			

				
					
zTree获取勾选的叶子节点集合和接收id选中节点

				
			

			

				

					zzh718529117的博客
				

				

					01-06
					
					698
					
				

			

		

		

			
				
需要把选中的叶子节点id集合给后端处理
后端返回id集合需要重新选中

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值