Web TreeView控件操作

最新推荐文章于 2015-11-08 21:42:13 发布

weixin_30258027

最新推荐文章于 2015-11-08 21:42:13 发布

阅读量286

点赞数

文章标签： ui javascript c# ViewUI

原文链接：http://www.cnblogs.com/Godblessyou/archive/2010/07/16/1779007.html

版权

点击提交页面，展开时不提交：

可以将autopostback设置成false;
在body里添加 <body οnlοad="initTree()">
然后在PageLoad里写：
string strTreeName = "TreeView1";
string strRef = Page.GetPostBackEventReference(TreeView1);
string strScript = "<script language=\"JavaScript\"> \n" + "<!-- \n" + " function initTree() { \n" +" " + strTreeName + ".onSelectedIndexChange = function() { \n" + "if (event.oldTreeNodeIndex !=
event.newTreeNodeIndex) \n" + "this.queueEvent('onselectedindexchange', event.oldTreeNodeIndex + ',' + event.newTreeNodeIndex); \n" + "window.setTimeout('" + strRef.Replace("'","Page.RegisterClientScriptBlock("InitTree",strScript );

TreeView和CheckBox的用法：
    /// <summary>
        /// 用递归来实现选择Checked
        /// 若选中当前节点，则父节点被选中
        /// 若撤销当前节点，则子节点被撤销
        /// blindcat 2005-02-27
        /// </summary>
        /// <param name="_chararray">当前操作节点索引树组</param>
        /// <param name="_index">节点索引</param>
        /// <param name="_node">当前节点</param>
        /// <param name="_order">Checkbox操作方法</param>
        /// <param name="_event">判断当前操作事件</param>
        private void CheckedTree(string[] _chararray, int _index, TreeNode _node, int _order, string _event)
        {
            if(_order != -2)
            {
                if(_index == 0)
                {
                    _node = TreeView1.Nodes[int.Parse(_chararray[_index].ToString())];
                }
                else
                {
                    switch(_order)
                    {
                        case 0:
                            break;
                        case 1:
                            _node = _node.Nodes[int.Parse(_chararray[_index].ToString())];
                            break;
                        case -1:
                            _node = TreeView1.Nodes[int.Parse(_chararray[0].ToString())];
                            break;
                    }
                }
            }

            switch (_order)
            {
                case 0:                //确定当前Checkbox状态
                    if(_index != 0)
                    {
                        break;
                    }
                    else
                    {
                            for(int k=1; k < _chararray.Length; k++)
                            {
                                _node = _node.Nodes[int.Parse(_chararray[k].ToString())];
                                _index ++;
                            }
                        switch(_node.Checked)
                        {
                            case true:
                            switch (_event)
                            {
                                case "Check":
                                    _index = 0;
                                    _order = 1;
                                    break;
                                case "Select":
                                    _order = -1;
                                    break;
                            }
                                CheckedTree(_chararray, _index, _node, _order, _event);
                                break;
                            case false:
                            switch (_event)
                            {
                                case "Check":
                                    _order = -1;
                                    break;
                                case "Select":
                                    _index = 0;
                                    _order = 1;
                                    break;
                            }
                                CheckedTree(_chararray, _index, _node, _order, _event);
                                break;
                        }
                    }
                    break;
                case 1:            //Checkbox被选中，递归选中父节点
                    _node.Checked = true;

                    if (_index < _chararray.Length-1)
                    {
                        _index ++;
                        CheckedTree(_chararray, _index, _node, _order, _event);
                    }
                    break;
                case -1:        //Checkbox被撤销
                    for(int j=1; j < _chararray.Length; j++)
                    {
                        _node = _node.Nodes[int.Parse(_chararray[j])];
                    }
                    _node.Checked = false;     //得到当前节点
                    _order = -2;
                    CheckedTree(_chararray, _index, _node, _order, _event);
                    break;
                case -2:
                    TreeNode _nodetmp = new TreeNode();
                    TreeNode _nodet = new TreeNode();
                    _nodetmp = _node;
                    if (_nodetmp.Nodes.Count > 0 )
                    {
                        for(int n=0; n < _nodetmp.Nodes.Count; n++)
                        {
                            _nodet = _nodetmp.Nodes[n];
                            _nodet.Checked = false;
                            if(_nodet.Nodes.Count > 0)
                            {
                                CheckedTree(_chararray, _index, _nodet, _order, _event);
                            }
                        }
                    }
                    break;
            }
        }

        private void TreeView1_Check(object sender, Microsoft.Web.UI.WebControls.TreeViewClickEventArgs e)
        {
            TreeNode _node = new TreeNode();
            string _char = e.Node.ToString();
            string[] _chararray = _char.Split('.');
            CheckedTree(_chararray, 0, _node, 0, "Check");
        }

        private void TreeView1_SelectedIndexChange(object sender, Microsoft.Web.UI.WebControls.TreeViewSelectEventArgs e)
        {
            TreeNode _node = new TreeNode();
            string[] _chararray = TreeView1.SelectedNodeIndex.Split('.');
            CheckedTree(_chararray, 0, _node, 0, "Select");
        }

24、IndexOf() 、LastIndexOf()
查找字串中指定字符或字串首次（最后一次）出现的位置,返回索引值，如：
str1.IndexOf("字")； //查找“字”在str1中的索引值（位置）
str1.IndexOf("字串")；//查找“字串”的第一个字符在str1中的索引值（位置）
str1.IndexOf("字串",3,2)；//从str1第4个字符起，查找2个字符，查找“字串”的第一个字符在str1中的索引值（位置）

25、Insert()
在字串中指定索引位插入指定字符。如：
str1.Insert(1,"字");在str1的第二个字符处插入“字”，如果str1="中国"，插入后为“中字国”；

26、PadLeft()、PadRight()
在字串左（或右）加空格或指定char字符，使字串达到指定长度，如：
<%
string str1="中国人";
str1=str1.PadLeft(10,'1'); //无第二参数为加空格
Response.Write(str1); //结果为“1111111中国人” ，字串长为10
%>

27、Remove()
从指定位置开始删除指定数的字符
字串对比一般都用: if(str1==str2){ } , 但还有别的方法:

1、
string str1; str2
//语法: str1.EndsWith(str2); __检测字串str1是否以字串str2结尾,返回布尔值.如:
if(str1.EndsWith(str2)){ Response.Write("字串str1是以"+str2+"结束的"); }

2、
//语法:str1.Equals(str2); __检测字串str1是否与字串str2相等,返回布尔值,用法同上.

3、
//语法 Equals(str1,str2); __检测字串str1是否与字串str2相等,返回布尔值,用法同上.

IndexOf()
查找字串中指定字符或字串首次出现的位置,返首索引值，如：
str1.IndexOf("字")； //查找“字”在str1中的索引值（位置）
str1.IndexOf("字串")；//查找“字串”的第一个字符在str1中的索引值（位置）
str1.IndexOf("字串",3,2)；//从str1第4个字符起，查找2个字符，查找“字串”的第一个字符在str1中的索引值（位置）

1.9 取中文日期显示——年月日时分
string strY=currentTime.ToString("f"); //不显示秒

1.10 取中文日期显示_年月
string strYM=currentTime.ToString("y");

1.11 取中文日期显示_月日
string strMD=currentTime.ToString("m");

1.12 取当前年月日，格式为：2003-9-23
string strYMD=currentTime.ToString("d");

1.13 取当前时分，格式为：14：24
string strT=currentTime.ToString("t");

查看所评论的日志：收集整理：C# .NET 函数列表

blindcat 于 2005-02-25 04:37 PM 发表评论：
Response.Redirect("URL地址"）；
跳转到URL指定的页面

16、char.IsWhiteSpce(字串变量，位数)——逻辑型
查指定位置是否空字符；
如：
string str="中国人民";
Response.Write(char.IsWhiteSpace(str,2)); //结果为：True, 第一个字符是0位，2是第三个字符。

17、char.IsPunctuation('字符') --逻辑型
查字符是否是标点符号
如：Response.Write(char.IsPunctuation('A')); //返回：False

18、(int)'字符'
把字符转为数字，查代码点，注意是单引号。
如：
Response.Write((int)'中'); //结果为中字的代码：20013

19、(char)代码
把数字转为字符，查代码代表的字符。
如：
Response.Write((char)22269); //返回“国”字。

20、 Trim()
清除字串前后空格

21 、字串变量.Replace("子字串","替换为")
字串替换
如：
string str="中国";
str=str.Replace("国","央"); //将国字换为央字
Response.Write(str); //输出结果为“中央”

再如：（这个非常实用）

string str="这是<script>脚本";
str=str.Replace("<","<font><</font>"); //将左尖括号替换为<font> 与 < 与 </font> （或换为<，但估计经XML存诸后，再提出仍会还原）
Response.Write(str); //显示为：“这是<script>脚本”

如果不替换，<script>将不显示，如果是一段脚本，将运行；而替换后，脚本将不运行。
这段代码的价值在于：你可以让一个文本中的所有HTML标签失效，全部显示出来，保护你的具有交互性的站点。
具体实现：将你的表单提交按钮脚本加上下面代码：
string strSubmit=label1.Text; //label1是你让用户提交数据的控件ID。
strSubmit=strSubmit.Replace("<","<font><</font>");
然后保存或输出strSubmit。
用此方法还可以简单实现UBB代码。

22、Math.Max(i,j)
取i与j中的最大值
如 int x=Math.Max(5,10); // x将取值 10

23、字串对比一般都用: if(str1==str2){ } , 但还有别的方法:

(1)、
string str1; str2
//语法: str1.EndsWith(str2); __检测字串str1是否以字串str2结尾,返回布尔值.如:
if(str1.EndsWith(str2)){ Response.Write("字串str1是以"+str2+"结束的"); }

(2)、
//语法:str1.Equals(str2); __检测字串str1是否与字串str2相等,返回布尔值,用法同上.

(3)、
//语法 Equals(str1,str2); __检测字串str1是否与字串str2相等,返回布尔值,用法同上.

查看所评论的日志：收集整理：C# .NET 函数列表

blindcat 于 2005-02-25 04:37 PM 发表评论：
如：byte[] bytStr = System.Text.Encoding.Default.GetBytes(str);
然后可得到比特长度：
len = bytStr.Length;

6、System.Text.StringBuilder("")

字符串相加，（+号是不是也一样？）

如：System.Text.StringBuilder sb = new System.Text.StringBuilder("");
sb.Append("中华");
sb.Append("人民");
sb.Append("共和国");

7、变量.Substring(参数1,参数2);

截取字串的一部分，参数1为左起始位数，参数2为截取几位。

如：string s1 = str.Substring(0,2);

8、String user_IP=Request.ServerVariables["REMOTE_ADDR"].ToString();

取远程用户IP地址

9、穿过代理服务器取远程用户真实IP地址：
if(Request.ServerVariables["HTTP_VIA"]!=null){
string user_IP=Request.ServerVariables["HTTP_X_FORWARDED_FOR"].ToString();
}else{
string user_IP=Request.ServerVariables["REMOTE_ADDR"].ToString();
}

10、 Session["变量"];
存取Session值；
如，赋值： Session["username"]="小布什";

取值： Object objName=Session["username"];
String strName=objName.ToString();
清空： Session.RemoveAll();

11、String str=Request.QueryString["变量"];
用超链接传送变量。
如在任一页中建超链接:<a href=Edit.aspx?fbid=23>点击</a>
在Edit.aspx页中取值：String str=Request.QueryString["fdid"];

12、DOC对象.CreateElement("新建节点名");
创建XML文档新节点

13、父节点.AppendChild(子节点)；
将新建的子节点加到XML文档父节点下

14、父节点.RemoveChild(节点);
删除节点

15、Response
Response.Write("字串")；
Response.Write(变量)；
向页面输出。

TreeView树型控件的用法
[转帖]关于TreeView控件专题请解
1.下载地址

http://msdn.microsoft.com/downloads/samples/internet/ASP_DOT_NET_ServerControls/WebControls/default.asp
安装后，通过“自定义工具箱”->“.net框架组件”把TreeView添加到工具箱里
2.运行时无法显示
一般是TreeView的版本问题，最好下载英文版自动安装版本重新安装，安装前应该先到添加删除程序里卸掉原版本
3.显示格式出错（非树状显示）
TreeView要求客户端浏览器版本为IE5.5及以上，最好要求客户端升级为IE6.0
4.框架里使用TreeView
设置NavigateUrl、Target属性，可更新另外的Frame
5.找不到TreeNode类
使用TreeView，最好添加namespace：using Microsoft.Web.UI.WebControls;
6.遍历TreeView节点(递归算法)
private void Page_Load(object sender, System.EventArgs e)
{
GetAllNodeText(TreeView1.Nodes);
}
void GetAllNodeText(TreeNodeCollection tnc)
{
foreach(TreeNode node in tnc)
{
if(node.Nodes.Count!=0)
   GetAllNodeText(node.Nodes);
Response.Write(node.Text + " ");
}
}
7.得到node结点的父节点
TreeNode pnode;
if(node.Parent is TreeNode)
pnode=(TreeNode)node.Parent;
else
//node is root node
8.修改TreeView样式（示例）
<iewc:TreeView id="TreeView1" runat="server" HoverStyle="color:blue;background:#00ffCC;"
DefaultStyle="background:red;color:yellow;" SelectedStyle="color:red;background:#00ff00;">
用代码：
TreeView1.DefaultStyle["font-size"] = "20pt";
9.TreeView展开无闪烁的解决方法
http://expert.csdn.net/Expert/topic/1300/1300576.xml
客户端控制TreeView
http://expert.csdn.net/Expert/topic/1382/1382892.xml
1.设置所选节点，如选中第二个节点
function SetSelNode()
{
TreeView1.selectedNodeIndex="1";
}
2.得到所选节点的Text，ID或NodeData
function GetAttribute()
{
alert(TreeView1.getTreeNode(TreeView1.selectedNodeIndex).getAttribute("Text"));
}
替换Text为ID或NodeData，可分别得到所选节点的ID或NodeData
3.修改节点属性，如修改第一个节点的Text
function ModifyNode()
{
var node=TreeView1.getTreeNode("0");
node.setAttribute("Text","hgknight");
}
4.得到点击节点
function TreeView1.onclick()
{
alert(TreeView1.getTreeNode(TreeView1.clickedNodeIndex).getAttribute("Text"));
}
5.添加节点
function AddNode()
{
var node=TreeView1.createTreeNode();
node.setAttribute("Text","hgknight");
TreeView1.add(node);
}
6.js遍历所有节点
//只针对根结点，大家把它可改为递归形式
var NodeArray=new Array();
NodeArray=TreeView1.getChildren();
for(i=0;i<NodeArray.length;i++)
{
cNode=NodeArray[i];
alert(cNode.getAttribute("Text"));
}

1、用代码在treeview web控件中，添加node的方法
表字段：编号，父编号，名称
数据：
1   0   中华人民共和国
2   1   湖南
3   1   湖北
        void creattree(string text,TreeNode tnd,string pid)
        {
            TreeNode t2=new TreeNode();
            t2.Text=text;
            tnd.Nodes.Add(t2);
生成
            string str1 ="父编号 = '"+pid+"'";
            DataRow[] dryl = dataSet31.Tables [0].Select(str1);
            for(int i=0;i<=dryl.GetUpperBound(0);i++)
            {
creattree(dryl[i][2].ToString(),t2,dryl[i][0].ToString());
            }
        }

//
            TreeNode t1=new TreeNode();
            t1.Text="地区信息";
            TreeView2.Nodes.Add(t1);
            creattree("中华人民共和国",t1,"1");

2、如何为TreeView添加事件？
Private Sub TreeView1_indexChanged(ByVal sender As Object, ByVal e As
Microsoft.Web.UI.WebControls.TreeViewSelectEventArgs) Handles
TreeView1.SelectedIndexChange
        Dim a As Integer
        a = TreeView1.SelectedNodeIndex
        TextBox1.Text = CStr(a)
End Sub
但是AutoPostBack设置为True的话，TreeView还要刷新，闪烁，我的TreeView比较庞大
，这可怎么办？？？苦恼中。。。
3、为什么TreeView 中的SelectedIndexChange为什么不执行？？？
AutoPostBack属性为真，SelectedIndexChange才能被执行。
不过这样的话你选择时会感到刷新得让你痛苦，根据你的具体实现的目的，采用变通的
方法，尽量不使用SelectedIndexChange事件吧。

selectedindexchange事件挂到控件上没有？
InitializeComponent方法中检查检查
4、如何判断 TreeView 的一个节点下是否有子节点？？？
if(selNode.Nodes.Count==0){
//该节点没有字节点
}
5、如何得到 TreeView 的当前选择节点？？？
    1.Tree.GetNodeFromIndex(Tree.SelectedNodeIndex.ToString())
    2.private void TreeView1_SelectedIndexChange(object sender,
Microsoft.Web.UI.WebControls.TreeViewSelectEventArgs e)
        e.NewNode即为所选节点
6、treeview实现两层节点没问题，扩展到无限层就出问题了？
我的那个做法还不够完善，对于节点数较少的情况可以这样做，对于节点数较多的情况
，你就不能这样做了，你应该只加载一级，当点击节点展开时，再加载它的下一级子节
点。
数据库结构如下：
表名：Table1
ParentID varchar 20:父节点
ID varchar 20:节点
Name varchar 50：名称
来来来，这里给你个例程，再给个我的网页上的TreeViwe看看，一万个子节点都没问题
。
http://dev1.eraserver.net/czc888/webform1.aspx
至于那三个图象的意义你看我的网页就知道了。分别表示一页纸（没有子节点）、一本
关闭的书（有子节点），一本打开的书（当前节点被展开）
        void creat_node(string
name,Microsoft.Web.UI.WebControls.TreeNode t1,string number)
        {
            //定义一个新的结点
            Microsoft.Web.UI.WebControls.TreeNode t2=new
Microsoft.Web.UI.WebControls.TreeNode();
            t2.ID=number;
            t2.Text=name;

            //判断是否为根结点
            TreeView1.ExpandedImageUrl="images/Depart03.bmp";
            if(t1.ID.Trim()=="###")
            {
                TreeView1.Nodes.Add(t2);
                t2.ImageUrl="images/Depart01.bmp";
            }
            else
            {
                t1.Nodes.Add(t2);
                   t2.ImageUrl="images/Depart01.bmp";
                t1.ImageUrl="images/Depart02.bmp";
            }

            //取得这个结点的所有子结点，利用递归自动生成
            string mySelectQuery = "SELECT ParentID, ID,Name FROM table1
where ParentID='" + number +"'";
            string MyConnString="provider=Microsoft.Jet.OLEDB.4.0;Data
Source="+Server.MapPath(".")+"/dt/mydata.mdb";
            OleDbConnection myConnection = new
OleDbConnection(MyConnString);
            OleDbCommand myCommand = new
OleDbCommand(mySelectQuery,myConnection);
            myConnection.Open();
            OleDbDataReader myReader;
            myReader = myCommand.ExecuteReader();
            while (myReader.Read())
            {
                creat_node(myReader.GetString(2),t2,myReader.GetString(1));
            }
            myReader.Close();
            myConnection.Close();
        }
    private void CreateProviderTreeBtn_Click(object sender,
System.EventArgs e)
        {
            Microsoft.Web.UI.WebControls.TreeNode t1=new
Microsoft.Web.UI.WebControls.TreeNode();
            creat_node("",t1,"###");

7、怎样使用TreeView???
//初始化TreeView数据
        private void InitTV(int intVOrderLen)
        {
            SqlDataReader dr;
            SqlCommand myCommand;
            string strSel = "select * from bas_enterprise where
len(vieworder)="+intVOrderLen+" order by vieworder";
            myCommand = new SqlCommand (strSel, myConnection);
            dr=myCommand.ExecuteReader();
            while (dr.Read ())
            {
                TreeNode pNode=new TreeNode ();
                pNode.Text =dr["EntpName"].ToString ();
                pNode.ID =dr["ViewOrder"].ToString ();
                TreeView1.Nodes .Add (pNode);
            }
            dr.Close ();
        }

        private void TreeView1_SelectedIndexChange(object sender,
Microsoft.Web.UI.WebControls.TreeViewSelectEventArgs e)
        {
            TreeNode NewNode=TreeView1.GetNodeFromIndex
(TreeView1.SelectedNodeIndex);
            string strNodeId=NewNode.ID .ToString ();
            SqlDataReader dr;
            SqlCommand myCommand;
            int intVOrderLen=strNodeId.Length+2;
            string strSel = "select * from bas_enterprise where
len(vieworder)="+intVOrderLen+" and vieworder like '%"+strNodeId+"__%'
order by vieworder";
            myCommand = new SqlCommand (strSel, myConnection);
            dr=myCommand.ExecuteReader();
            NewNode.Nodes .Clear();
            while (dr.Read ())
            {
                TreeNode pNode=new TreeNode ();
                pNode.Text =dr["EntpName"].ToString ();
                pNode.ID =dr["ViewOrder"].ToString ();
                NewNode.Nodes.Add (pNode);
            }
            dr.Close ();
            TreeView1.ExpandLevel=1;
        }

8、在treeview中如何查找一个值，并选中它？
问题:
各位，在已经建好的树中如何查找一个文本或者是treenodes的id，找到后选中它？
答案:
for(int i=0;i<TreeView1.Nodes.Count;i++)
    if(TreeView1.Nodes[i]==TextBox1.Text)
      {
        string index1=TreeView1.Nodes[i].GetNodeIndex();//取得index
        TreeView1.SelectedNodeIndex=index1;
　　　}
9、如何取得TreeView中各项的值？？
        private void TreeView1_SelectedIndexChange(object sender,
Microsoft.Web.UI.WebControls.TreeViewSelectEventArgs e)
        {
                      Microsoft.Web.UI.WebControls.TreeNode
NewNode=TreeView1.GetNodeFromIndex(TreeView1.SelectedNodeIndex);
            Label1.Text =NewNo

如果通过代码要在父结点中增加子节点,代码如何实现?
父节点代码如下:
TreeNode pNode = new TreeNode();
pNode.ID = "Root";
pNode.Text = strNodeName;
TreeView1.Nodes.Add(pNode);
如果要在根结点"Root"下面再增加子节点,如何写代码?
TreeView1.Nodes.AddAt(pNode);这种方式好象不行.
TreeView1.Nodes[0].Nodes.Add(pNewNode);

/*************.Cs 中的代码****************************
   string strScript="<script language=\"javascript\" >";
   strScript+=" function GetNode() \n"+"{ \n";
   strScript+=" alert(TreeView1.getTreeNode(TreeView1.clickedNodeIndex).getAttribute('Text'));\n" ;
   strScript+=" alert(TreeView1.getTreeNode(TreeView1.clickedNodeIndex).getAttribute('CheckBox'));\n";
   strScript+=" alert(TreeView1.getTreeNode(TreeView1.clickedNodeIndex).getAttribute('Checked'));\n";
   strScript+=" if (TreeView1.getTreeNode(TreeView1.clickedNodeIndex).getAttribute('Checked'))\n";
   strScript+="     TreeView1.getTreeNode(TreeView1.clickedNodeIndex).setAttribute('Checked','false');\n";
   strScript+=" else \n";
   strScript+="     TreeView1.getTreeNode(TreeView1.clickedNodeIndex).setAttribute('Checked','true');\n";
      strScript+=" \n } \n";
   strScript+="</script>";
   if(! this.IsClientScriptBlockRegistered("myjs"))
   {
    this.RegisterClientScriptBlock("myjs",strScript);
   }

***************************************************//
现在我想在客户端点击父节点的checkbox则下级也被选中，可是使用下面的代码，只能表面选中，在服务器端却得不到，请问有什么其它好法子
<script language=\"javascript\" >
function GetNode()
{
   var choose;
   var indexid;
   indexid=TreeView1.clickedNodeIndex;
   if (TreeView1.getTreeNode(indexid).getAttribute('Checked'))
    {
   choose=false;
     }
    else
    {
    choose=true;
     }
   TreeView1.getTreeNode(indexid).setAttribute('Checked',choose);
   var NodeArray=new Array();
    NodeArray=TreeView1.getTreeNode(indexid).getChildren();
   for(i=0;i<NodeArray.length;i++)
{
   var tempindex=indexid+"."+i;
   TreeView1.getTreeNode(indexid).setAttribute('Checked',choose);
}

}
//-->
</script>

转载于:https://www.cnblogs.com/Godblessyou/archive/2010/07/16/1779007.html

weixin_30258027

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web TreeView控件操作

点击提交页面，展开时不提交：可以将autopostback设置成false; 在body里添加 <body onload="initTree()"> 然后在PageLoad里写： string strTreeName = "TreeView1"; string strRef = Page.GetPostBackEventReference(TreeView1); string st...
复制链接

扫一扫