Treeview动态添加用户控件取值和传值

今天做了很好玩的树，是treeview与用户控件之间进行交互先看效果:

主要功能：勾选子节点的checkbox,右边会动态加载该节点的信息，出现TextBox让用户填写节点的值,点击保存按钮将文本框的值保存到对应的节点。

里面涉及到了asp执行ascx页面里的事件，并取值。

这是前台的代码:CustomXMLmanager2.aspx

View Code

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomXMLmanager2.aspx.cs" Inherits="usexml.CustomXMLmanager2" %>
 2 
 3 <%@ Register src="Custom2.ascx" tagname="Custom2" tagprefix="uc1" %>
 4 
 5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 6 
 7 <html xmlns="http://www.w3.org/1999/xhtml">
 8 <head runat="server">
 9     <title></title>
10 </head>
11 <body>
12 
13 <script language="javascript" type="text/javascript">
14 
15     // 点击复选框时触发事件
16 
17     function postBackByObject() {
    
18 
19         var o = window.event.srcElement;
20 
21         if (o.tagName == "INPUT" && o.type == "checkbox") {
    
22 
23             __doPostBack("", "");
24 
25         }
26 
27     }
28 
29 </script>
30     <form id="form1" runat="server">
31     <div>
32             <asp:ScriptManager ID="ScriptManager1" runat="server">
33         </asp:ScriptManager>
34  <asp:UpdatePanel ID="UpdatePanel1" runat="server">
35         <ContentTemplate>
36     <table width="100%" style="border: 2px dotted #008080"><tr><td width="30%">
37            
38       
39     <asp:TreeView ID="TreeView1" runat="server" ImageSet="Simple" ShowCheckBoxes="Leaf" 
40             ShowLines="True" 
41             ViewStateMode="Enabled">
42         <HoverNodeStyle Font-Underline="True" ForeColor="#5555DD" />
43         <Nodes>
44             <asp:TreeNode Text="个人信息" Value="海洋信息数据集">
45                 <asp:TreeNode Text="名字" Value="数据名称"></asp:TreeNode>
46                 <asp:TreeNode Text="性别" Value="数据格式"></asp:TreeNode>
47                 <asp:TreeNode Text="年龄" Value="数据摘要"></asp:TreeNode>
48                 <asp:TreeNode Text="帅不帅" Value="帅不帅"></asp:TreeNode>
49                 <asp:TreeNode Text="漂不漂亮" Value="漂不漂亮"></asp:TreeNode>
50             </asp:TreeNode>
51         </Nodes>
52         <NodeStyle Font-Names="Tahoma" Font-Size="10pt" ForeColor="Black" 
53             HorizontalPadding="0px" NodeSpacing="0px" VerticalPadding="0px" />
54         <ParentNodeStyle Font-Bold="False" />
55         <SelectedNodeStyle Font-Underline="True" ForeColor="#5555DD" 
56             HorizontalPadding="0px" VerticalPadding="0px" />
57     </asp:TreeView>
58     
59 
60     
61     
62     
63     </td>
64     <td style="background-color: #008080; width: 2px"></td>
65     <td>
66     
67        
68 
69             
70 
71         
72 
73         <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
74         
75     
76         
77             
78         
79         
80     </td>
81     
82     </tr></table>
83        <div>
84   
85     </div>
86         </ContentTemplate>
87         </asp:UpdatePanel>
88 
89     </div>
90       <div align="center"><asp:Button ID="Button1" runat="server" Text="保存" 
91               οnclick="Button1_Click" /></div> 
92     </form>
93 </body>
94 </html>

这是后台代码:CustomXMLmanager2.aspx.cs

View Code

  1 using System;
  2 using System.Collections.Generic;
  3 using System.Linq;
  4 using System.Web;
  5 using System.Web.UI;
  6 using System.Web.UI.WebControls;
  7 using System.Reflection;
  8 
  9 namespace usexml
 10 {
    
 11     public partial class CustomXMLmanager2 : System.Web.UI.Page
 12     {
    
 13         protected void Page_Load(object sender, EventArgs e)
 14         {
    
 15 
 16             if (IsPostBack)
 17             {
    
 18 
 19 
 20                 //if (ViewState["node"] != null)
 21 //{
     
 22 //    nodes1();
 23 
 24 //}
 25 
 26                 nodes1();
 27 
 28 
 29             }
 30 
 31 
 32 
 33 
 34 
 35 
 36 
 37             TreeView1.Attributes.Add("onclick", "postBackByObject()");
 38 
 39         }
 40 
 41 
 42         private void nodes1()
 43         {
    
 44             int tg = 0;
 45             foreach (TreeNode nod in TreeView1.CheckedNodes)
 46             {
    
 47 
 48                 nod.Target = tg.ToString();
 49                 Custom2 uc = (Custom2)LoadControl("Custom2.ascx");
 50                 uc.Nodname = nod.Text;
 51                 uc.Nodvalue = nod.Value;
 52 
 53                 uc.Nodetag = nod.Target;
 54 
 55                 PlaceHolder1.Controls.Add(uc);
 56 
 57                 tg++;
 58 
 59             }
 60 
 61 
 62         }
 63 
 64 
 65         protected void Button1_Click(object sender, EventArgs e)
 66         {
    
 67             for (int i = 0; i < PlaceHolder1.Controls.Count; i++)
 68             {
    
 69                 UserControl uc2 = (UserControl)PlaceHolder1.Controls[i];
 70 
 71                 Type ucType = uc2.GetType();
 72 
 73                 //用MethodInfo类来获取用户控件中的方法．
 74 
 75                 MethodInfo UcMethod = ucType.GetMethod("GetText");// Button1_Click控件中的方法。
 76 
 77 //在此处页面的方法中执行用户控件中的方法．
 78 
 79                 object[] argumentArrray = new object[0];
 80 
 81                 UcMethod.Invoke(uc2, new object[0]);//调用用户控件中的方法。此处执行了！！。
 82 
 83                 foreach (TreeNode nod in TreeView1.CheckedNodes)
 84                 {
    
 85 
 86 
 87                     PropertyInfo UctextName = ucType.GetProperty("PicName");
 88                     PropertyInfo tag = ucType.GetProperty("Nodetag");
 89                     if (nod.Target == tag.GetValue(uc2, null).ToString())
 90                     {
    
 91 
 92                         nod.Value = UctextName.GetValue(uc2, null).ToString();//获取了上传的文件名信息。并显示在 page 页面上。
 93 
 94                     }
 95 
 96 
 97                 }
 98 
 99 
100             }
101 
102         }
103 
104     }
105 }

这是用户控件的前台:Custom2.ascx

View Code

1 <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Custom2.ascx.cs" Inherits="usexml.Custom2" %>
2 <div>
3 <asp:Label ID="Label1" runat="server" Text="Label" ForeColor="#006666"></asp:Label>
4 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
5 当前节点的值:<asp:Label ID="Label2" runat="server" Text="Label" ForeColor="#003366"></asp:Label>
6 
7 </div>

这是用户控件的后台:Custom2.ascx.cs

View Code

  1 using System;
  2 using System.Collections.Generic;
  3 using System.Linq;
  4 using System.Web;
  5 using System.Web.UI;
  6 using System.Web.UI.WebControls;
  7 
  8 namespace usexml
  9 {
    
 10     public partial class Custom2 : System.Web.UI.UserControl
 11     {
    
 12        
 13 
 14         private string nodname = "";
 15         public string nodvalue = "";
 16         private string nodtag = "";
 17         private string picname = "";
 18         public string Nodname
 19         {
    
 20 
 21 
 22             get
 23             {
    
 24 
 25                 return nodname;
 26 
 27             }
 28 
 29             set
 30             {
    
 31 
 32 
 33                 nodname = value;
 34 
 35             }
 36 
 37 
 38         }
 39 
 40         public string Nodvalue
 41         {
    
 42 
 43 
 44             get
 45             {
    
 46 
 47                 return nodvalue;
 48 
 49             }
 50 
 51             set
 52             {
    
 53 
 54 
 55                 nodvalue = value;
 56 
 57             }
 58 
 59 
 60         }
 61 
 62         public string Nodetag
 63         {
    
 64 
 65 
 66             get
 67             {
    
 68 
 69                 return nodtag;
 70 
 71             }
 72 
 73             set
 74             {
    
 75 
 76 
 77                 nodtag = value;
 78 
 79             }
 80 
 81 
 82         }
 83 
 84         public string PicName
 85         {
    
 86 
 87             get { return picname; }
 88 
 89             set { picname = value; }
 90 
 91         }
 92 
 93         protected void Page_Load(object sender, EventArgs e)
 94         {
    
 95             Label1.Text = nodname+"：";
 96            
 97             Label2.Text = nodvalue;
 98             
 99             
100         }
101 
102         public void GetText()
103         { 
104         
105         
106          picname = TextBox1.Text;
107          TextBox1.Text = "";
108          Label2.Text = picname;
109         
110         
111         
112         }
113 
114 
115     }
116 }