Jquery .TreeView结合ASP .网和数据库生成菜单导航条

下面的例子将结合项目实际运用来使用Jquery .树形视图，当然在使用控件树需要现在相应的射流研究…文件下面就把我生成的TreeView展现给大家看看希望对大家有所帮助！在使用之前需要下载控件树的射流研究…文件和钢性铸铁样式介绍一下表结构M _ ID M _ Name M _ ParentID M _ URL M _ Sort(9500 . 163.com)

然后新建一个网站，在新建的网站下添加半铸钢钢性铸铁(铸造半钢)文件夹和射流研究…文件夹分别用于存放钢性铸铁样式和JS，同时再添加一个图像文件夹用于存放TreeView的图片接着我们就开始实现我们的功能了！前台代码复制代码代码如下： %@页面语言=' c# ' AutoEventWireup=' true ' CodeFile=' Default。aspx。cs ' Inherits=' _ Default ' %！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML L1/DTD/XHTML L1-过渡。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title/title link rel='样式表href='CSS/screen.css'/link rel='样式表href='CSS/jquery .treeview()；})/脚本/头体div id=' main ' Amain Demo/a div id=' side REE ' ul id=' tree ' runat=' server '/ul/div/div/body/html后台代码：复制代码代码如下：使用系统；使用系统。集合。通用；使用系统Linq .使用系统网络.使用系统网络。用户界面使用系统。网络控件；使用系统。数据；使用系统数据。SqlClient使用系统网络。UI。HtmlControls公共部分类_默认：系统网络。用户界面。第{页受保护的无效页面_加载(对象发送者，事件参数e) { if(！IsPostBack){ DataSet ds=getDate()；createmenu(ds，null，tree)；} }公共数据集getDate(){ DataSet ds=new DataSet()；字符串配置=系统。配置管理器。连接字符串['LiveOffice'].ToString()；SqlConnection conn=新的SqlConnection(配置);sqldatadapter da=new sqldatadapter('从系统菜单中选择按M _ Sort '排序，conn)；爸爸。填充(ds)；返回ds；} private void create菜单(DataSet ds，string parentId，html generic control UL){ DataRow[]row；如果(字符串IsNullOrEmpty(parentId))行=ds .表[0]。选择(' M_ParentID为空');//过滤否则行数=ds .表[0]。选择(“M _ ParentID=”“ParentID”)；//过滤foreach(行中的DataRow t){ DataRow[]子代ern=ds .表[0]。选择(' M_ParentID=' t['M_ID']).ToString())；//用于判断是否有子节点html通用控件serverLi=新的HTMgeneric控件(' Li ')；//生成里标签，作为父节点if (childern .长度！=0 || parentId=='')//是父节点{服务器力.InnerText=t['M_name'].ToString()；html通用控件serverUL=新的HTMgeneric控件(' ul ')；服务器。控件。添加（服务器);UL .控件。添加（服务器里);创建菜单(ds，t['M_ID']).ToString()，serverUL)；} else { //生成标签a HTMl anchor control=new HTMl anchor()；//设置标签a的属性新控制器名称='新控制新控制器InnerHtml=t['M_Name'].ToString()；新控制器HRef=t['M_URL'].ToString()；新控制器Target=' _ black//设置显示的位置，这里改一下服务器。控件。添加（新控件控件);UL .控件。添加（服务器里);创建菜单(ds，t['M_ID']).UL)；} } } }