Web扩充控件(二)-------树型控件使用

现在树型控件使用越来越广泛,这里简要介绍一下Treeview和梅花雪树型控件的使用。不对之处,还请大家不吝指正。

1.梅花雪树型控件
在大数据量上效率比Treeview高不少,像CSDN上都用它。
以下是生成向ACCESS数据库导入数据的文件方法
using System;
using System.Data;
using System.Collections;
using System.Drawing;
using System.Web;
using System.Web.UI;
using System.Data.SqlClient;
using System.IO;

namespace My.Components
{
 /// <summary>
 /// XMLControl 的摘要说明。
 /// </summary>
 public class XMLControl
 {
  protected Database db;

  public XMLControl()
  {
   //
   // TODO: 在此处添加构造函数逻辑
   //
   db=new Database();//数据库操作类
  }
#region 写 TXT 文件的内容
  //=======================================================================================================||
  //写 TXT 文件的内容显示控制
  public string creatTxt()
  {
   ArrayList StateID  = new ArrayList();
   ArrayList CountryId= new ArrayList();
   ArrayList CountryName=new ArrayList();

   ArrayList StateName=new ArrayList();
   ArrayList CityID   = new ArrayList();
   ArrayList AreaName = new ArrayList();
   ArrayList AreaID   = new ArrayList();
   ArrayList CityName = new ArrayList();
   ArrayList CityStateId=new ArrayList();
   ArrayList StateCountryId=new ArrayList();
   
   
   string strJs     = "ID,parentId,text,hint,icon,data,url,target,method/n";
   
   //加上顶层世界的树型节点的主目录
   strJs=strJs+"1,0,all over the world,all over the world,,,http://localhost/test/main.aspx?id=1,main,/n";
   //strJs = strJs + "<Troot> /n";
   
   //取得所有国家编号列表,保存到数组CountryId中
   SqlDataReader drCountry =db.Reader("select * from country Order By country_Name ASC");
   if(drCountry.HasRows)
   {
    while(drCountry.Read())
    {
     CountryId.Add((1000-int.Parse(drCountry["country_Id"].ToString())).ToString());

     CountryName.Add(drCountry["country_name"].ToString());     
    }
    for(int i=0;i<=CountryId.Count-1;i++)
    {
     strJs = strJs+CountryId[i]+",1,"+CountryName[i]+","+CountryName[i]+",,,http://localhost/test/main.aspx?id="+CountryId[i]+",main,alert('欢迎网页脚本控件集-MzTreeView10')/n";
    }
   }
   
   //取得所有州编号列表,保存到数组StateID中
   SqlDataReader drState =db.Reader("select * from state left join country on state_countryid=country_id Order By state_Name ASC");
   if(drState.HasRows)
   {
    while(drState.Read())
    {
     StateID.Add((100000-int.Parse(drState["state_Id"].ToString())).ToString());
     StateCountryId.Add((1000-int.Parse(drState["state_countryid"].ToString())).ToString());

     StateName.Add(drState["state_name"].ToString());     
    }
    for(int i=0;i<=StateID.Count-1;i++)
    {
     //strJs = strJs + "    <Item id=/""+StateID[i]+"/" pid=/""+StateCountryId[i]+"/">"+StateName[i]+"</Item>/n";
     strJs = strJs+StateID[i]+","+StateCountryId[i]+","+StateName[i]+","+StateName[i]+",,,http://localhost/test/main.aspx?id="+StateID[i]+",main,/n";
    }
   }  
  
   //取得所有城市编号列表,保存到数组CityID中
   SqlDataReader drCity = db.Reader("SELECT * FROM city left join state on city_statid=state_id Order By city_Name ASC");
   CityID.Clear();
   if (drCity.HasRows)
   {
    while (drCity.Read())
    {
     CityID.Add ((10000000-int.Parse(drCity["city_Id"].ToString())).ToString());
     CityName.Add(drCity["city_Name"].ToString());
     //StateID.Add((100000-int.Parse(drCity["state_Id"].ToString())).ToString());
     StateName.Add(drCity["state_name"].ToString());
     CityStateId.Add((100000-int.Parse(drCity["city_statId"].ToString())).ToString());
    } 
   
   
    for (int i=0;i<=CityID.Count-1;i++)
    {
     CityName[i].ToString().Replace("&","/");

     //strJs = strJs + "    <Item id=/""+CityID[i]+"/" pid=/""+CityStateId[i]+"/">"+CityName[i]+"</Item>/n";
     strJs = strJs+CityID[i]+","+CityStateId[i]+","+CityName[i]+","+CityName[i]+",,,http://localhost/test/main.aspx?id="+CityID[i]+",main,/n";
     SqlDataReader drArea = db.Reader("SELECT * FROM area left join city on area_cityid=city_id left join state on city_statid=state_id left join country on state_countryid=country_id Where area_cityid='"+(10000000-int.Parse((CityID[i]).ToString()))+"' Order By area_Name ASC");
     AreaName.Clear();
     AreaID.Clear();
    
     if (drArea.HasRows)
     {
      while (drArea.Read())
      {
       AreaName.Add(drArea["area_Name"].ToString());
       AreaID.Add((1000000000-int.Parse(drArea["area_Id"].ToString())).ToString());
      
      }
      drArea.Close();
      for (int j=0;j<=AreaID.Count-1;j++)
      {
       //strJs = strJs + "    <Item id=/""+AreaID[j].ToString()+"/" pid=/""+CityID[i]+"/">"+AreaName[j].ToString()+"</Item> /n";
       strJs = strJs+AreaID[j]+","+CityID[i]+","+AreaName[j]+","+AreaName[j]+",,,http://localhost/test/main.aspx?id="+AreaID[j]+",main,/n";
      }   
     }
    }
   }
   strJs = strJs + "/n";
   drCountry.Close();
   drState.Close();
   drCity.Close();
   
   return strJs;
  }
  #endregion

  #region 生成往Access库中到数据的 TXT 文件
  public void creTxt(Page objPage)
  {
   StreamWriter sw = new StreamWriter(objPage.MapPath("../Inc/txtAll.txt"),false,System.Text.Encoding.UTF8);
   sw.Write(this.creatTxt());
   sw.Flush();
   sw.Close();
  }
  #endregion

}
}

2.微软自带的Treeview控件
特点:感觉可能对浏览器的兼容性可能较好,小数据量速度不错
以下是生成绑定的XML的文件的方法:

using System;
using System.Data;
using System.Collections;
using System.Drawing;
using System.Web;
using System.Web.UI;
using System.Data.SqlClient;
using System.IO;

namespace My.Components
{
 /// <summary>
 /// XMLControl 的摘要说明。
 /// </summary>
 public class XMLControl
 {
  protected Database db;

  public XMLControl()
  {
   //
   // TODO: 在此处添加构造函数逻辑
   //
   db=new Database();//数据库操作类
  }
#region 写 TreeView 三级XML的内容
  //=======================================================================================================||
  //页面城市、地区显示控制
  public string TreeView_3()
  {
   ArrayList StateID  = new ArrayList();
   ArrayList StateName=new ArrayList();
   ArrayList CityID   = new ArrayList();
   ArrayList AreaName = new ArrayList();
   ArrayList AreaID   = new ArrayList();
   ArrayList CityName = new ArrayList();
   ArrayList CityStateId=new ArrayList();
   
   
   string strJs     = "<?xml version=/"1.0/" encoding=/"utf-8/" ?>/n";
   strJs = strJs + "<TREENODES> /n";

   //取得所有州编号列表,保存到数组StateID中
   SqlDataReader drState =db.Reader("select * from state where state_countryid='3' Order By state_Name ASC");
   StateID.Clear();
   if(drState.HasRows)
   {
    while(drState.Read())
    {
     StateID.Add((100000-int.Parse(drState["state_Id"].ToString())).ToString());
     StateName.Add(drState["state_name"].ToString());     
    }
    for(int i=0;i<=StateID.Count-1;i++)
    {
     strJs = strJs + "    <treenode Text=/""+StateName[i]+"/" value=/""+StateID[i]+"/">/n";
    
     //取得所有城市编号列表,保存到数组CityID中
     
     SqlDataReader drCity = db.Reader("SELECT * FROM city where city_statid='"+(100000-int.Parse(StateID[i].ToString()))+"' Order By city_Name ASC");
     CityID.Clear();
     if (drCity.HasRows)
     {
      while (drCity.Read())
      {
       CityID.Add ((10000000-int.Parse(drCity["city_Id"].ToString())).ToString());
       CityName.Add(drCity["city_Name"].ToString());
      }
    
   
      for (int j=0;j<=CityID.Count-1;j++)
      {
              strJs = strJs + "        <treenode Text=/""+CityName[j]+"/" value=/""+CityID[j]+"/"></treenode> /n";
      }
     }
     //drCity.Close();
     strJs =strJs +"</treenode>/n";
    }
   }
    

   strJs = strJs + "</TREENODES> /n";
   //drState.Close();
   
   
   return strJs;
  }
  #endregion

  #region 生成TreeView XML 文件
  public void treeAu3(Page objPage)
  {
   StreamWriter sw = new StreamWriter(objPage.MapPath("../Inc/treeAU3.xml"),false,System.Text.Encoding.UTF8);
   sw.Write(this.TreeView_3());
   sw.Flush();
   sw.Close();
  }
  #endregion

}
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。dtree   目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件,不需要复杂的操作即可生产,同时支持动态从数据库引入数据。   dTree可以不用添加任何页面而直接用代码实现多个栏目,并可以实现无限分级,下面是官方介绍的优点:   - Unlimited number of levels(无限分级)   - Can be used with or without frames(可用于框架或非框架页面)   - Remembers the state of the tree between pages(在不同页面之间可记住当前状态)   - Possible to have as many trees as you like on a page(可以得到你想要数量的树型)   - All major browsers suported(支持的浏览器)   Internet Explorer 5+ Netscape 6+ Opera 7+ Mozilla   - Generates XHTML 1.0 strict validated output(严格支持XHTML 1.0)   - Alternative images for each node(每个节点用图片代替) [编辑本段]创建dtree   1)从官网上下载dtree的源文件压缩包“dtree.zip”,包内包含以下几个文件:   img文件夹: 包含树形菜单显示需要的图标   api.html : 作者写的dtree帮助文档   dtree.css: 树形菜单的样式   dtree.js : js核心文件,代码都在其中   example01.html:树形菜单实例   2)将压缩包内的文件拷贝到项目webroot下(example01.html可以不拷贝)   3)新建一个web文件(*.html、*.jsp...都可以),首先引入css和js文件:   <link rel="StyleSheet" href="dtree.css" type="text/css" />   <script type="text/javascript" src="dtree.js"></script>   然后在<body>里创建一个div层,指定class为“dtree”,此时该层就引用了dtree的样式   <div class="dtree">   <script type="text/javascript">   tree = new dTree('tree');   ......   </script>   </div>   注:具体代码可以参照example01.html   4)最后保存执行即可看到一个树形菜单。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值