js写的TreeView[支持动态添加,删除,更改,ICON]

最新推荐文章于 2022-07-03 08:15:00 发布
最新推荐文章于 2022-07-03 08:15:00 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： Javascript 文章标签： function image html null div asp.net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/benymark/article/details/5997203
版权

我不是很喜欢asp.net里面的TreeView,好象代码太多..

现在用javascript来些个和大家分享下,大概如下图

使用改类的代码如下:

js类:

function Node(text_,value_)
{
 /*
 作者:Mark
 邮箱:benymark@gmail.com
 blog:Http://blog.csdn.net/benymark
 节点类：记录个节点的信息
 */
   this.text=text_;
   this.value=value_;
   this.imageExpand="";//展开后Icon图片
   this.imageColl="";  //折叠后Icon图片
   this.guid=newGuid();
   this.isExpand=true;
   this.level=0;
   this.isLast=true;
   this.parentNode=null;
   this.children=new Array();
   this.addChildNode=function(node){
       node.parentNode=this;
       node.level=this.level+1;
       this.children.push(node);
   };
   this.deleteChildByGuid=function(guid_){
      for(var i=0;i<this.children.length;i++)
      {
         if(this.children[i].guid==guid_)
         {
           return this.children.splice(i,1);
         }
      }
     return null;
   };
   function newGuid()
          {
             var guid = "";
             for (var i = 1; i <= 32; i++)
             {
               var n = Math.floor(Math.random()*16.0).toString(16);
               guid +=   n;
               if((i==8)||(i==12)||(i==16)||(i==20))
               guid += "";
            }
            return guid;   
         }
  
}

function TreeObj(domId_,objname_)
{
    /*
 作者:Mark
 邮箱:benymark@gmail.com
 blog:Http://blog.csdn.net/benymark
 树类：操作个节点成树
 */
   this.nodes=new Array();
   this.objname=objname_;
   this.imageExpand=null;
   this.imageColl=null;
   this.imageEnd=null;
   this.rootcss="";
   this.parentcss="";
   this.leafcss="";
   this.hovicss="";
   this.isShowLine=true;
   this.domId=domId_;
   this.folderpath="..";
   this.onClickNode=null;
   function expand(node,isEx)
   {
         for(var i=0;i<node.length;i++)
         {
           node[i].isExpand=isEx;
           expand(node[i].children,isEx);
         }
   }
   function expandRev(node){
     for(var i=0;i<node.length;i++){
       node[i].isExpand=!node[i].isExpand;
       expandRev(node[i].children);
     }
   }
   this.expandReverse=function(){
        expandRev(this.nodes);
        this.render();
   };
   this.expandAll=function(isEx){
    expand(this.nodes,isEx);
       this.render();
   };
   this.addRootNode=function(node){
   this.nodes.push(node);
   };
   this.findByGuid=function(guid){
     for(var i=0;i<this.nodes.length;i++)
     {
       if(this.nodes[i].guid==guid)
       {
         return this.nodes[i];
       }
       else
       {
        var tmp=FindCircle(this.nodes[i].children,guid);
        if(tmp!=null) return tmp;
       }
     }
     return null;
   };
   this.deleteByGuid=function(guid){
     var node_tmp=this.findByGuid(guid);
     if(node_tmp!=null)
     {
       if(node_tmp.parentNode!=null && node_tmp.parentNode!='undefined'){
           node_tmp.parentNode.deleteChildByGuid(node_tmp.guid);
       }else{
           for(var i=0;i<this.nodes.length;i++){
              if(this.nodes[i].guid==node_tmp.guid){
              this.nodes.splice(i,1);
              }
           }
       }
       this.render();
       return node_tmp;
     }else return null;
  
   };
   function FindCircle(nodes,guid){
        //var nodes=new Node();
        for(var i=0;i<nodes.length;i++)
        {
              if(nodes[i].guid==guid)
              {
                return nodes[i]
              }else {
               var tmp= FindCircle(nodes[i].children,guid);
               if(tmp!=null) return tmp;
              }
        }
        return null;
   }
   this.ParenIsLast=function(node_,level_)
   {
     if(node_==null )
     {return false;}
     else if(node_.level==level_ )
     {
      return node_.isLast;
     }
     else
     {
      return this.ParenIsLast(node_.parentNode,level_);
     }

   };
   this.rootShowOrHide=function(guid,isImage){
    var div=document.getElementById("div_"+guid);
     var img=document.getElementById("img_"+guid);
     var text_obj=document.getElementById("text_"+guid);
     var icon_img=document.getElementById("icon_"+guid);
     var node_=new Node();
     var i;
     for(i=0;i<this.nodes.length;i++)
     {
       if(this.nodes[i].guid==guid)
       {
         node_=this.nodes[i];
         break;
       }
     }
     try{
          if(this.onClickNode!=null && !isImage){
            if(this.onClickNode(node_)) return;
          }
     }catch(e){ alert(e);} 
     if(node_.children.length==0){  return;}
    
     if(div.style.display=='none'){
       div.style.display='block';
       node_.isExpand=true;
     
       if(icon_img!=null){icon_img.src=node_.imageExpand;}
      
           if(img==null) return ;
           if(this.nodes.length==1){/*只有一个节点*/
              img.src=this.folderpath+"/MarkTree/image/root_onlye.gif";
           }else if(node_.isLast){/*节点在结束位置*/
              img.src=this.folderpath+"/MarkTree/image/root_ee.gif";
           }else if(i==0){/*节点在开始位置*/
              img.src=this.folderpath+"/MarkTree/image/root_c.gif";
           }else{ /*节点在中间位置*/
              img.src=this.folderpath+"/MarkTree/image/root_me.gif";
           }
      
     }else{
    
       div.style.display='none';
       node_.isExpand=false;
       if(icon_img!=null){icon_img.src= node_.imageColl;}
      
      
      
       if(img==null) return ;
       if(this.nodes.length==1){/*只有一个节点*/
          img.src=this.folderpath+"/MarkTree/image/root_onlyc.gif";
       }else if(node_.isLast){/*节点在结束位置*/
          img.src=this.folderpath+"/MarkTree/image/root_ec.gif";
       }else if(i==0){/*节点在开始位置*/
          img.src=this.folderpath+"/MarkTree/image/root_e.gif";
       }else{/*节点在中间位置*/
          img.src=this.folderpath+"/MarkTree/image/root_mc.gif";
       }
     }
   };
   this.showOrHide=function(guid,obj){
     var div=document.getElementById("div_"+guid);
     var text_obj=document.getElementById("text_"+guid);
     var node_=this.findByGuid(guid);
     try{
         if(this.onClickNode!=null && !obj.src){
            if(this.onClickNode(node_)) return;
         }}catch(e1){}
     try{  
        
         if(obj==false) return ;
        
         var img=document.getElementById("img_"+guid);
         var icon_img=document.getElementById("icon_"+guid);
        
         if(div.style.display=='none')
         {
               node_.isExpand=true;
               div.style.display='block';
               if(icon_img!=null){icon_img.src=node_.imageExpand;}
              
               if(node_.isLast){
                 img.src=this.folderpath+"/MarkTree/image/root_ee.gif";
               }else{
                 img.src=this.folderpath+"/MarkTree/image/root_me.gif";
               }
         }
         else
         {
          
           node_.isExpand=false;
           div.style.display='none';
           if(icon_img!=null){icon_img.src=node_.imageColl;} 
            
            
           if(node_.isLast){
           img.src=this.folderpath+"/MarkTree/image/root_ec.gif";
           }else{
           img.src=this.folderpath+"/MarkTree/image/root_mc.gif";
           }
         }
     }catch(e){}
   };
   this.mouseOut=function(obj_e,guid_,classname_){
     obj_e.className=classname_;
   };
   this.mouseOver=function(obj_e,guid_){
    if(this.hovicss!=null && this.hovicss.length>0)
      obj_e.className=this.hovicss;
   };
   function circle(node_,thisInstance)
   {
        var html="";

        for(var i=0;i<node_.children.length;i++)
        {
             var node_tmp;
             var icon_image="";
             node_.children[i].isLast=(i==node_.children.length-1);
             node_tmp=node_.children[i];
            
             var guid=node_tmp.guid;
             var mouseOverStr=" οnmοuseοver=/""+thisInstance.objname+".mouseOver(this,'"+guid+"');/" ";
             var clickevent=" οnclick=/""+thisInstance.objname+".showOrHide('"+ guid+"',this);/" ";
              
               if(node_tmp.imageExpand.length>0&& node_tmp.imageColl.length>0){
                   icon_image=(node_tmp.isExpand)?node_tmp.imageExpand:node_tmp.imageColl;
                   icon_image="<img src='"+icon_image+"' style='cursor:pointer;'  id='icon_"+guid+"' />";
               }
               
            
             html+="<table border=0 class=f1  cellpadding=0 cellspacing=0><tr>";
             for(var j=0;j<node_tmp.level;j++)/*梯格*/
             {
               var line_imag=((thisInstance.ParenIsLast(node_,j)|| !thisInstance.isShowLine)?" ":"<img src='"+thisInstance.folderpath+"/MarkTree/image/line.gif'  />");
               html+="<td width='18' align='right'>"+line_imag+"</td>";
             }
            

             if(node_tmp.children.length==0)/*没有子节点*/
             {
                   var mouseOutStr=" οnmοuseοut=/""+thisInstance.objname+".mouseOut(this,'"+guid+"','"+thisInstance.leafcss+"');/"  ";
                   var point_image="<img src='"+thisInstance.folderpath+"/MarkTree/image/"
       +((!node_tmp.isLast)?"sub_m.gif":"sub_e.gif")+"' id=/"img_"+guid+"/" />";
                   if(!thisInstance.isShowLine) point_image="";
                  
                html+="<td width='18' align='right'>"+ point_image+"</td>";
                html+="<td class='"+thisInstance.leafcss+"' id=/"text_"+guid+"/" "+mouseOverStr+mouseOutStr
                +" οnclick=/""+thisInstance.objname+".showOrHide('"+ guid+"',false);/" >"+icon_image+node_tmp.text+"</td></tr></table>";
                html+="<div id='div_"+guid+"' ";
                html+=" style=/"display:none;/"></div>";
             }
             else /*有子节点*/
             {
                var image_name="";
                var mouseOutStr=" οnmοuseοut=/""+thisInstance.objname+".mouseOut(this,'"+guid+"','"+thisInstance.parentcss+"');/"  ";
                if(i<node_.children.length-1)
                {
                 image_name=(node_tmp.isExpand)?"root_me.gif":"root_mc.gif";
                }else{
                 image_name=(node_tmp.isExpand)?"root_ee.gif":"root_ec.gif";
                }
                var point_image="<img src='"+thisInstance.folderpath+"/MarkTree/image/"+image_name+"' "+clickevent
       +"  id=/"img_"+guid+"/" style='cursor:pointer;' />";
              
                   if(!thisInstance.isShowLine) point_image="";
               
                html +="<td width='18' align='right'>"+point_image+"</td>";
                html +="</td><td class='"+thisInstance.parentcss+"' id=/"text_"+guid+"/" class='"+
                thisInstance.parentcss+"' style='cursor:pointer;' "+clickevent
                +"  "+mouseOutStr+mouseOverStr+" >"+icon_image+node_tmp.text+"</td></tr></table>";
                html +="<div id='div_"+guid+"' ";
                html +=" style=/"display:"+((node_tmp.isExpand)?"block":"none")+";/">";
                html +=circle(node_tmp,thisInstance);
                html +="</div>";
             }
        }
        return html;
   }

   this.getHtml=function(){
          var html="";
       for(var i=0;i<this.nodes.length;i++)
       {
         this.nodes[i].isLast=(i==this.nodes.length-1);
         var node_tmp=this.nodes[i];
         var image="";
         var actionfun=" οnclick=/""+this.objname+".rootShowOrHide('"+node_tmp.guid+"',true);/"";
         var guid=node_tmp.guid;
         var img_tmp;
         var icon_img="";
         //node_tmp=new Node();
         if(node_tmp.imageColl.length>0 && node_tmp.imageExpand.length>0)
         {
          icon_img="<img src=/""+((node_tmp.isExpand)?node_tmp.imageExpand:node_tmp.imageColl)+"/" id='icon_"+guid+"' />";
         }
        
         if(this.nodes.length==1)/* 只有唯一一项 */
         {
               img_tmp=((node_tmp.isExpand)?("root_onlye.gif"):("root_onlyc.gif"));
               if(this.nodes[0].children.length==0){img_tmp="root_only.gif"}
              
         }else if(i==0){/*节点在开始位置 */
               img_tmp=((node_tmp.isExpand)?"root_c.gif":"root_e.gif");
               if(node_tmp.children.length==0){img_tmp="root_top.gif";}
              
         }else if(!node_tmp.isLast){/*节点在结束位置 */
               img_tmp=(node_tmp.isExpand)?"root_me.gif":"root_mc.gif";
               if(node_tmp.children.length==0){img_tmp="sub_m.gif";}
              
         }else{/* 节点在中间位置 */

                img_tmp=((node_tmp.isExpand)?"root_ee.gif":"root_ec.gif");
                 if(node_tmp.children.length==0){img_tmp=("sub_e.gif");}            
         }
         image="<img src='"+this.folderpath+"/MarkTree/image/"+img_tmp+"' "+actionfun+"  id='img_"+guid+"' />";
         if(!this.isShowLine) image="";
        
        
         html+="<table border=0 cellpadding=0 cellspacing=0 class=f1><tr><td width='18' align='left' style='cursor:pointer;'>"
         +image+"</td><td οnclick=/""+this.objname+".rootShowOrHide('"+guid+"',false);/" style='cursor:pointer;' class='"
         +this.rootcss+"'>"+icon_img+node_tmp.text+"</td></tr></table>";
         html+="<div id='div_"+guid+"' style=/"display:"+((node_tmp.isExpand)?("block"):("none"))+"/">";
         html+= circle(node_tmp,this);
         html+="</div>";
       }
       return html;
   };
   this.render=function(){
          var html_=this.getHtml();
       document.getElementById(this.domId+"").innerHTML=html_;
       return html_;
   };
  
}

 

//==============================================================

 

 

 

<div id="TreeId">Tree Div</div>

 

var myTree=new TreeObj("TreeId","myTree");//TreeSpan:Dom元素id,myTree:把一定要和变量名一致的字符串
//myTree.isShowLine=false;//当不想显示引导线时候设置该值为false
myTree.folderpath="../TreeDemo";//当你把改目录改变后可以修改这里


myTree.hovicss="hovfont";//当鼠标移到上面时候的样式
myTree.rootcss="rootfont";//根节点的样式
myTree.parentcss="parentfont";//父节点的样式
myTree.leafcss="leaffont";//子节点的样式


//当点某节点后的事件响应
myTree.onClickNode=function(node){
document.getElementById("TextBox_guid").value=node.guid;
document.getElementById("Node_Text").innerHTML="["+node.text+"/"+node.value+"]";
//return true;//要让不这点则返回true就可以
};


//==================添加节点=====================================================
var rootNode=new Node("开发文档","开发文档");// 添加根节点
    rootNode.imageColl="folder2.gif";//折叠后的icon
    rootNode.imageExpand="folder.gif";//展开后的icon
    myTree.addRootNode(rootNode);
     
var subNode1=new Node("j2me手机开发","我是j2me手机开发的Value");//2级节点添加
    subNode1.imageColl="pen.gif";
    subNode1.imageExpand="delete2.gif";
    rootNode.addChildNode(subNode1);//该节点添加到“开发文档”的根节点下面 

   
var subNode_2=new Node("SMS","SMS_VALUE");//3级节点添加
    subNode1.addChildNode(subNode_2);//把3级节点添加到2级节点下面

    subNode_2=new Node("IM socket","IM Socket Value");
    subNode1.addChildNode(subNode_2);//把3级节点添加到2级节点下面
   
   
    subNode1=new Node(".NET开发",".NET开发 ^_^");//2级节点添加
    subNode1.isExpand=false;//让节点默认时候是折叠的
    subNode1.imageColl="folder2.gif";
    subNode1.imageExpand="folder.gif";
    rootNode.addChildNode(subNode1);
   
   
    subNode_2=new Node("ASP.NET","ASP.NET VALUE");//3级节点添加
    subNode_2.imageColl="pen.gif";
    subNode_2.imageExpand="pen.gif";
    subNode1.addChildNode(subNode_2);
   
    subNode_2=new Node("NHibernate","hibernate");
    subNode_2.imageColl="pen.gif";
    subNode_2.imageExpand="pen.gif";
    subNode1.addChildNode(subNode_2);
    subNode_2=new Node("WCF","WCF");
    subNode_2.imageColl="delete.gif";
    subNode_2.imageExpand="delete.gif";
    subNode1.addChildNode(subNode_2);
    //=======================================
    rootNode=new Node("这根节点未添加子项","none");
    myTree.addRootNode(rootNode);
    //========================================
    rootNode=new Node("我的个人文件","My Document");// 添加根节点
    //rootNode.isExpand=false;
    myTree.addRootNode(rootNode);  
   
    subNode1=new Node("我媒体","my media");//2级节点
    rootNode.addChildNode(subNode1);
   
    subNode_2=new Node("我的电影","MY MOVIES");
    subNode1.addChildNode(subNode_2);
    subNode_2=new Node("我的歌曲","My Musics");
    subNode1.addChildNode(subNode_2);
    subNode_2=new Node("我的相片","My Pictures");
   
    subNode1=new Node("我的秘密文件","Secury");//2级节点
    rootNode.addChildNode(subNode1);
    subNode_2=new Node("我的简历","about me");
    subNode1.addChildNode(subNode_2);
    subNode_2=new Node("我的情信","^_^..");
    subNode1.addChildNode(subNode_2);
    subNode_2=new Node("<a href=/"javascript:void window.open('http://blog.csdn.net/benymark');/" targe='_blank'>我的Blog</a>"
    ,"http://blog.csdn.net/benymark");
    subNode1.addChildNode(subNode_2);
   

//=====================================================
  myTree.render();//把节点信息更新到Tree上   

 

 

 

具体请看代码吧...下载Demo.rar

备注:转载请标注下我的link..非常感谢

 

benymark
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
bootstrap-treeview
xiaoyushiying的专栏
07-28 5682
bootstrap-treeview 简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap，以简单和优雅的方式来显示一些继承树结构，如视图树、列表树等等。  插件依赖 Bootstrap v3.0.3jQuery v2.0.3 以上两
用客户端JS实现微软TreeView控件父子节点联选!
12-31 88
说明 TreeView控件应该说是比较常用的一个东东了.别人提供的JSTree实现(如Yahoo UI lIb) 都有这样或那样的问题而微软的TreeView控件虽然用起来方便,可是一直感觉也不是很理想.比如,无实通过属性设定为是否父子节点联选(既,选中父节点就选中所有子节点或孙节点,反之,全部取消选择了子节点父节点也要被取消选择).以前1.1的时候,可以用更改Ht...
Bootstrap树形菜单插件TreeView.js使用方法详解
热门推荐
记事本
12-14 3万+
Bootstrap树形菜单插件TreeView.js使用方法详解
javascript控制treeview
snjdju的专栏
09-11 3111
<br />1.设置所选节点，如选中第二个节点<br />function SetSelNode()<br />{<br /> TreeView1.selectedNodeIndex="1";<br />} <br />2.得到所选节点的Text，ID或NodeData<br />function GetAttribute()<br />{<br /> alert(TreeView1.getTreeNode(TreeView1.selectedNodeIndex).getAttribute("Text"))
TreeView树状结构
随心更博
01-15 2411
做OA系统，权限控制部分用到了树状结构，通过勾选来为不同的用户分配权限。      通过点击“+”对树展开或者折叠，我们这里使用了封装好的jquery.treeview.js来实现树状结构的功能； 主体代码： 系统管理 部门管理 岗位管理 岗位添加 岗位删除
TreeView动态添加,修改,删除能功能
05-10
本主题将深入探讨如何在C#或VB.NET等.NET框架下实现TreeView控件的动态添加、修改和删除功能。这些功能对于构建用户友好的交互式界面至关重要。 1. **动态添加节点** 要在TreeView中动态添加节点，首先需要创建...
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
08-28
Bootstrap Treeview 实现动态加载数据并添加快捷搜索功能 Bootstrap Treeview 是一个基于 Bootstrap 的 jQuery 插件，用于显示树形结构数据。该插件支持多级列表树结构，能够以简单和优雅的方式显示继承树结构，如...
C# treeView节点动态删除和添加示例，本源码演示了创建一个treeView父节点
最新发布
09-02
C# treeView节点动态删除和添加示例，本源码演示了创建一个treeView父节点，创建了三个子节点，然后演示了将这3个子节点添加到父节点中，最后演示了使用Remove方法移除指定的TreeView节点项，添加节点和删除节点定义...
treeview动态添加节点内容 立刻保存至数据库
06-03
本教程将详细讲解如何利用`TreeView`控件动态添加、修改和删除节点，并将这些操作即时保存到数据库，以便在下次运行程序时能够恢复用户所做的更改。 ### 一、`TreeView`控件基础 `TreeView`控件在Windows Forms或...
Treeview动态添加用户控件传值和取值的实例代码
01-20
主要功能：勾选子节点的checkbox,右边会动态加载该节点的信息，出现TextBox让用户填写节点的值,点击保存按钮将文本框的值保存到对应的节点。里面涉及到了asp执行ascx页面里的事件，并取值。这是前台的代码:...
jQuery-Treeview.js v1.4 官方版.rar
07-09
jquery-treeview.js 是一个免费开源的jQuery目录树插件，它可用于MVC开发，关于asp.net mvc 的使用，请参照《MVC引用教程》，docx格式的图文教程
JS操作图片（添加，更改，删除）
段琳琳
04-16 1万+
Image     {         width:100px;         height:100px;         }                          function chuangjian() {          //添加图片             var array = ['1.jpg',
实现动态的删除图标显示和隐藏
weixin_52102446的博客
03-04 731
功能实现：鼠标没有移入框框时，只展示商品信息，鼠标移入时，框框右上角出现删除图标，实现删除功能 如图所示：
一文带你吃透js处理树状结构数据的增删改查
风中追风
07-03 6057
最近在开发一个后台管理系统的权限管理模块，涉及到各种树状结构的数据处理逻辑，例如：增，删，改，查等；相比普通的数组结构数据，树状结构的处理就没有数组那么的直观，但是也没那么复杂，需要多一步——递归查找来对数据进行深度遍历操作，那么这里呢，博主也将开发过程中总结出来的方法分享给大家，一文带你吃透JS树装结构数据处理： 1、新增节点 2、删除节点 3、修改节点 4、查找节点.........
treeview节点的添加和删除
hexinchun148的专栏
07-24 4620
Dim text As StringDim sk As StringDim flag As IntegerPublic nod As NodePublic obj As TreeViewPrivate Sub Form_Load() TreeView1.Nodes.Add , , "root", "root" TreeView1.Appearance = cc3D TreeView1.Nod
treeView自动更新数据
kuangren121的专栏
12-05 3144
今天分享一份新作的程序，它的功能是通过连接数据库将数据更新到treeView控件中。 这是页面设计中的界面。记得要加sqlConnection。 接下来在Form1_Load中添加下列代码         private void Form1_Load(object sender, EventArgs e)         {             treeView1.Labe
js对Treeview中事件的处理
weixin_30300523的博客
09-21 200
最近对Treeview进行客户端处理，主要是针对复选框的选择，Treeview控件中的图片、复选框、等等，都是用div或者table排列起来。对其进行js事件控制，主要是找到事件的触发控件，并根据其规则对相关的节点进行控制。 Code //判断浏览器 var__nonMSDOMBrowser=(window.navigator.appName.toLowerCas...
动态修改TreeView某些节点TreeNode样式
龙井茶的Sky
04-10 6003
前段时间做了一个绑定TreeView的页面，这棵树绑定了一些专业信息（一级子节点），但是有这样的一个需求： 有些人对这些专业都有权限，有些人只对部分专业有权限，要求所有节点都要显示，但是用不同的样式区分。 比如：有权限的节点加粗突出显示。      一开始试着给TreeNode写属性属性，结果发现TreeNode是没有样式相关的属性，无奈去问度娘，网上大致有两种方式： （1）设置T
Treeview动态添加用户控件 取值和传值
06-02
在 TreeView 中动态添加用户控件，您需要在 TreeNode 的节点上创建一个自定义控件，并将其添加到指定节点的 Controls 集合中。当需要获取节点上的控件值时，可以通过访问该节点的 Controls 集合来获取控件的值。传递控件值时，您可以将控件的值存储在节点的 Tag 属性中，然后在需要传递控件值的地方获取该属性的值即可。 以下是一个示例代码，演示如何在 TreeView 中动态添加自定义控件，并获取和传递控件值： ```c# // 创建一个自定义控件 MyUserControl myControl = new MyUserControl(); // 将控件添加到指定节点的 Controls 集合中 TreeNode node = treeView1.Nodes.Add("Node1"); node.Controls.Add(myControl); // 获取节点上的控件值 string value = myControl.TextBox1.Text; // 传递控件值 node.Tag = value; ``` 注意，您需要根据实际情况修改代码中的控件类型和属性名。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值