(转)TreeView 控件树节点 TreeNode 的异步加载及对节点 CHECKBOX 的多选控制

代码目标：以树型表达组织单位和下属用户的层次结构关系，并允许通过CHECKBOX多选组织和/或用户
其他需求：组织单位总数约三千个，用户总数约四万人。

环境：.NET Framework 1.1
IDE：Visual Studio.NET 2003

1. OrgXMLCreator.aspx 是一个空白的 Web 窗体

OrgXMLCreator.aspx.cs 目的是生成组织节点，内容片段如下：

        private void Page_Load(object sender, System.EventArgs e)
        {
            string orgID = Request.QueryString["oid"].ToString().Trim();

            Response.ContentEncoding = System.Text.UTF8Encoding.UTF8;

            if(orgID.Length >0 )
            {
                Response.Write (CreateXml(orgID));
            }
            Response.End();
        }

        public string CreateXml(string orgID)
        {
            StringBuilder sb = new StringBuilder();
            //sb.Append("<?xml version=""1.0"" encoding=""gb2312""?>"r"n");
            sb.Append("<TREENODES>"r"n");

            if(orgID!="0")
            {

                // ======== inner node ================

                // set attribute NodeData to userid
                sb.Append("<TreeNode NodeData=""");
                sb.Append("0");

                // set attribute Text to zhname
                sb.Append(""" Text=""");
                sb.Append("直属用户");
                sb.Append(""" ");

                // set other attributes
                sb.Append("  Checkbox=""false"" Type=""None"" Expanded=""true""  ");

                sb.Append(" TreeNodeSrc=""UserXMLCreator.aspx?oid="); // 直属用户的立即异步加载
                sb.Append(orgID);
                sb.Append(""" ");

                sb.Append(">"r"n");

                sb.Append("</TreeNode>");

                // ====================================
            }


            DataTable dt = new DataTable();


            dt = DataProvider.Instance.GetChildOrg(orgID).Tables[0];

            sb.Append(CreateList(dt));

            sb.Append("</TREENODES>");

            return sb.ToString();
        }


        protected string CreateList(DataTable dt)
        {
            StringBuilder sb = new StringBuilder();
            try
            {
                DataRow[] drs = dt.Select("1=1", "Showorder");

                foreach(DataRow dr in drs)
                {
                    sb.Append(CreateElement(dr));
                }

                return sb.ToString();
            }
            catch
            {
                return "";
            }
        }

        protected string CreateElement(DataRow dr)
        {
            StringBuilder sb = new StringBuilder();

            string id = dr["id"].ToString();

            // set attribute NodeData to userid
            sb.Append("<TreeNode NodeData=""");
            sb.Append(id);

            // set attribute Text to zhname
            sb.Append(""" Text=""");
            sb.Append(dr["name"].ToString());
            sb.Append(""" ");

            // set other attributes
            if(dr["hasPermission"].ToString().Equals("1"))
            {
                sb.Append("  Checkbox=""true"" Type=""OU"" Expanded=""false""  ");
            }
            else
            {
                sb.Append("  Checkbox=""false"" Type=""OU"" Expanded=""false""  ");
            }

            sb.Append(" TreeNodeSrc=""OrgXMLCreator.aspx?oid="); // 子组织的延迟异步加载
            sb.Append(id);
            sb.Append(""" ");

            sb.Append(">"r"n");


            sb.Append("</TreeNode>");
            return sb.ToString();
        }

2. UserXMLCreator.aspx 是一个空白的 Web 窗体

UserXMLCreator.aspx.cs 目的是生成用户节点，内容片段如下：

3. TreeCreator.aspx 负责产生整棵树，并为用户提供对树节点的操作界面

1）用于产生树的代码片段

在 aspx 页面头部声明使用 Microsoft.Web.UI.WebControls 控件集合：

<%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls" %>

在 aspx 页面中声明使用微软的 TreeView 控件：

<iewc:treeview id="TreeView1" runat="server" ExpandedImageUrl="images/folderopen.gif" SystemImagesPath="/webctrl_client/1_0/treeimages/" ImageUrl="images/folder.gif" EnableViewState="False"></iewc:treeview>

用于初始化树的 JS 代码：

用于立即初始化树的 HTML 代码：

2）控制树节点 CHECKBOX 多选操作的通用 JS 代码

代码完毕。

posted on 2008-10-30 20:15 冷月孤峰阅读(795) 评论(0) 收藏举报