FlyTreeView for .net控件的使用

最新推荐文章于 2010-02-22 17:20:00 发布

chenguang79

最新推荐文章于 2010-02-22 17:20:00 发布

阅读量4k

点赞数

分类专栏： asp.net 文章标签： .net fun string button object function

本文链接：https://blog.csdn.net/chenguang79/article/details/3949716

版权

asp.net 专栏收录该内容

109 篇文章 1 订阅

订阅专栏

控件下载地址 http://d.download.csdn.net/down/1059698/chenguang79

这里只说明一下我在使用中的一些方法。只是做为个人记录。如有不当之处，请朋友给与指出，本人万分感谢

个人感觉FlyTreeView这个树控件是现在所有树控件中比较好的一种，在做一些项目中全都使用了此树。下面我将我的一些使用介绍一下。一是为自己做一个记录，二是希望能帮助一些初用的朋友。

这里我用一个简单的例子，就是学校教研组与老师的关系，我这里有二个表，一个表用来存入一个学校有哪些教研组，另一个表用来存放老师的信息。它们是通过Dept_ID字段进行关联的

在这里，我完成的功能是这样的，树结构是分层获得并且加上了复选框。我这里的分层是，你点击树上哪个根结点它就把它对应的子结点信息从数据库中取出，并展开，显示出来。这种方法，对于一颗比较大的树来说是很好用的。

下面是我的代码。

前台代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TempTeacherTree.aspx.cs" Inherits="ClassOnLineSms.TempTeacherTree" %> <%@ Register assembly="NineRays.WebControls.FlyTreeView" namespace="NineRays.WebControls" tagprefix="NineRays" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div>  <NineRays:FlyTreeView ID="FlyTreeView1" runat="server" BackColor="White" ImageSet="WinXP" OnPopulateNodes="FlyTreeView1_PopulateNodes" BorderColor="Silver" BorderWidth="0px" CssClass="treeMenu" Padding="2px" WideCell="True" IsCheckbox="true" PostBackOnExpand="false" OnNodeEventJavascript="nodeEventHandler" PostBackOnSelect="false" DisplayBar="True" > <DefaultStyle Font-Names="Tahoma" Font-Size="11px" ForeColor="Black" ImageUrl="Images/fff.gif" Padding="1px;3px;3px;1px" RowHeight="16px" /> <SelectedStyle BackColor="65, 86, 122" BorderColor="40, 40, 40" BorderStyle="Solid" BorderWidth="1px" ForeColor="White" Padding="0px;2px;2px;0px" ImageUrl="Images/sss.gif" /> <HoverStyle Font-Underline="True" /> <SelectedHoverStyle BorderStyle="NotSet"></SelectedHoverStyle> </NineRays:FlyTreeView> <mce:script type="text/javascript"></mce:script> </div> <asp:Button ID="Button1" runat="server" οnclick="Button1_Click" Text="Button" /> </form> </body> </html>

后台代码

node.Expanded是用来在一加载时就把所有树全展开

上面的例子做一些简单的已经可以，可是如果我们要的树是一个多层，而是在一个表中怎么呢。现在很多菜单表设置全是一个表，只不过采用一个parentsID这样的字段来分出层了。下面的例子就是这样的一个

这个表与上面的表不一样。是一个菜单的显示。在程序中，我只是把一些用到的字段说明一下，

ID　　parentID fun_id fun_name

1433    -1         92            我的公文包
1434    1433    9201        公告管理
1435    1433    9202      公文流转
1436    1435    920201    文件类型
1437    1435    920202    文件头
1438    1435    920203    显示设置

1439 1435 920204 增加电子印章

我给出了这个简单的列表，我想大家也能明白，各个字段的意思了吧

using System;
using System.Collections.Generic;
using System.Linq;
using System.Data;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace ClassOnLineSms.NewsManage
{
    public partial class NewTree : System.Web.UI.Page
    {
        //标识字段
        public string user_flag = "O";
        public int i = 2;
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                //根节点第一层，这里要注意一点的，在这里显示的一定是第一层的信息
                string strsql = "select *,len(fun_ID) as fun_Len from menu_fun where len(fun_ID)=" + i + " and fun_Flag='" + user_flag + "' order by fun_ID";
                //Response.Write(strsql);

                //把所得到的值存入DataTable
                DataTable dt = DataBaseClass.ExecuteDataSetReader(DataBaseClass.DataBaseConn, CommandType.Text, strsql).Tables[0];
                foreach (DataRow row in dt.Rows)
                {
                    AddChild(null, row);
                }
            }
        }
        //这里是通过得到的数据进行给值的方法，
        private void AddChild(NineRays.WebControls.FlyTreeNode fnode, DataRow row)
        {
            NineRays.WebControls.FlyTreeNode node = new NineRays.WebControls.FlyTreeNode(row["fun_ID"].ToString());
            //看了我给的字段内容，大家也明白了。我这里每二位就是一层，所以我要在里显示下一层的话，就要加二位了

            int j = int.Parse(System.Convert.ToString(row["fun_Len"]))+2;

　　　　　　
            string strsql = "select *,len(fun_ID) as fun_Len from menu_fun where len(fun_ID)=" + j + " and fun_Flag='" + user_flag + "' and fun_ID like '" + row["fun_ID"] + "%' and fun_ID <> '" + row["fun_ID"] + "' order by fun_ID";
            //Response.Write(strsql);
            DataTable tabChild = DataBaseClass.ExecuteDataSetReader(DataBaseClass.DataBaseConn, CommandType.Text, strsql).Tables[0];

            node.Text = row["fun_name"].ToString();
            node.Value = row["fun_ID"].ToString();
            if (fnode != null)
            {
                fnode.ChildNodes.Add(node);
            }
            else
            {
                this.FlyTreeView1.Nodes.Add(node);
            }
　　　　　　//这里是我们要注意的，这里与上面的例子不同的地方在于，这个判断是否有子结点的判断放到了下面

            if (tabChild.Rows.Count > 0)
            {
                //检查每一个子结点，然后递归调用此方法。以达到多层的效果
                for (int i = 0; i < tabChild.Rows.Count; i++)
                {
                    //这个属性是用来显示结点前面是否有+号的
                    node.PopulateNodesOnDemand = true;

                    AddChild(node, tabChild.Rows[i]);
                }
            }
            else
            {
                node.PopulateNodesOnDemand = false;
            }

        }
        //当用户点击结点时，触发的事件
        protected void FlyTreeView1_PopulateNodes(object sender, NineRays.WebControls.FlyTreeNodeEventArgs e)
        {
            //Response.Write("aaaa"+e.Node.Value.ToString());

            if (e.Node.ChildNodes.Count <= 0)
            {

                string strsql = "select * from menu_fun where fun_Flag='" + user_flag + "' and fun_ID like '" + e.Node.Value.ToString() + "%' and fun_ID <> '" + e.Node.Value.ToString() + "' order by fun_ID";
                //Response.Write(strsql);
                DataTable tabChild = DataBaseClass.ExecuteDataSetReader(DataBaseClass.DataBaseConn, CommandType.Text, strsql).Tables[0];
                if (tabChild.Rows.Count > 0)
                {
                    foreach (DataRow r in tabChild.Rows)
                    {
                        NineRays.WebControls.FlyTreeNode node = new NineRays.WebControls.FlyTreeNode(e.Node.Text);
                        node.Text = r["fun_name"].ToString();
                        node.Value = r["fun_ID"].ToString();
                        e.Node.ChildNodes.Add(node);
                    }
                }

            }
            //这里的方法是如果点选了其中的一个父结点，它的子结点也应该被选中
            if (e.Node.Checked)
            {
                foreach (NineRays.WebControls.FlyTreeNode fn in e.Node.ChildNodes)
                {
                    fn.Checked = true;
                }
            }
        }
        protected void Button1_Click(object sender, EventArgs e)
        {
            string strTemp = "";
            foreach (NineRays.WebControls.FlyTreeNode node in this.FlyTreeView1.Nodes)
            {
                //if (node.Checked == true)
                //{
                //    strTemp += node.Value.ToString() + "---";
                    foreach (NineRays.WebControls.FlyTreeNode Cnode in node.ChildNodes)
                    {
                        if (Cnode.Checked == true)
                        {
                            strTemp += Cnode.Value.ToString() + ",";
                        }
                    }
                //}
            }
            Response.Write(strTemp.Substring(0,strTemp.Length-1));
        }
    }
}

chenguang79

关注

0
点赞
踩
10

收藏

觉得还不错? 一键收藏
1
评论
FlyTreeView for .net控件的使用

控件下载地址 http://d.download.csdn.net/down/1059698/chenguang79 这里只说明一下我在使用中的一些方法。只是做为个人记录。如有不当之处，请朋友给与指出，本人万分感谢个人感觉FlyTreeView这个树控件是现在所有树控件中比较好的一种，在做一些项目中全都使用了此树。下面我将我的一些使用介绍一下。一是为自己做一个记录，二是希望能
复制链接

扫一扫