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

后台代码

 

using system;
using system.collections.generic;
using system.linq;
using system.web;
using system.web.ui;
using system.web.ui.webcontrols;
using system.data;
using system.data.sqlclient;
using system.web.ui.htmlcontrols;
public partial class _default : system.web.ui.page
{
protected void page_load(object sender, eventargs e)
{
if (!ispostback)
{
dataset ds = getdate();
createmenu(ds, null, tree);
}
}
public dataset getdate()
{
dataset ds = new dataset();
string config = system.configuration.configurationmanager.connectionstrings["liveoffice"].tostring();
sqlconnection conn = new sqlconnection(config);
sqldataadapter da = new sqldataadapter("select * from systemmenu order by m_sort", conn);
da.fill(ds);
return ds;
}
private void createmenu(dataset ds, string parentid, htmlgenericcontrol ul)
{
datarow[] rows;
if (string.isnullorempty(parentid))
rows = ds.tables[0].select("m_parentid is null");//过滤
else
rows = ds.tables[0].select("m_parentid='" + parentid + "'");//过滤
foreach (datarow t in rows)
{
datarow[] childern = ds.tables[0].select("m_parentid =" + t["m_id"].tostring());//用于判断是否有子节点
htmlgenericcontrol serverli = new htmlgenericcontrol("li");//生成li标签,作为父节点
if (childern.length != 0 || parentid == "")//是父节点
{
serverli.innertext = t["m_name"].tostring();
htmlgenericcontrol serverul = new htmlgenericcontrol("ul");
serverli.controls.add(serverul);
ul.controls.add(serverli);
createmenu(ds, t["m_id"].tostring(), serverul);
}
else
{
//生成标签a
htmlanchor newanchorcontrol = new htmlanchor();
// 设置标签a的属性
newanchorcontrol.name = "newanchorcontrol";
newanchorcontrol.innerhtml = t["m_name"].tostring();
newanchorcontrol.href = t["m_url"].tostring();
newanchorcontrol.target = "_black";//设置显示的位置,这里改一下
serverli.controls.add(newanchorcontrol);
ul.controls.add(serverli);
createmenu(ds, t["m_id"].tostring(), ul);
}
}
}
}

前台代码

<%@ page language="c#" autoeventwireup="true" codefile="default.asp教程x.cs" inherits="_default" %>
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="css教程/screen.css" />
<link rel="stylesheet" href="css/jquery.treeview.css" />
<script src="js/jquery-1.4.2.js" type="text/网页特效"></script>
<script src="js/jquery.treeview.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#tree").treeview();
})
</script>
</head>
<body>
<div id="main">
<a>main demo</a>
<div id="sidetree">
<ul id="tree" runat="server">
</ul>
</div>
</div>
</body>
</html>

时间: 2024-10-18 17:20:24

Jquery.TreeView结合ASP.Net和数据库生成菜单导航条的相关文章

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

下面的例子将结合项目实际运用来使用Jquery.TreeView,当然在使用控件树需要现在相应的js文件 下面就把我生成的TreeView展现给大家看看希望对大家有所帮助!在使用之前需要下载控件树的js文件和Css样式 介绍一下表结构 M_ID M_Name M_ParentID M_URL M_Sort 然后新建一个网站,在新建的网站下添加CSS文件夹和js文件夹分别用于存放Css样式和JS,同时再添加一个image文件夹用于存放TreeView的图片 接着我们就开始实现我们的功能了! 前台代

jquery scrollTop方法根据滚动像素显示隐藏顶部导航条_jquery

本文使用jquery的scrollTop方法监视页面垂直滚动像素,并根据像素隐藏或者显示顶部的导航条. 效果预览网址:http://www.keleyi.com/keleyi/phtml/scrolloversee.htm scrollTop的介绍: 语法 $(selector).scrollTop(offset) 参数 offset 描述 可选.规定相对滚动条顶部的偏移,以像素计. 定义和用法 scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置. scroll top offse

ASP高级学习:数据库动态生成树形目录

一.  目录树的广泛应用   为了这段内容,在百度上搜了搜,内容一大通,相关的竟没有.搜什么搜嘛?用处不是明摆着吗?资源管理器文件夹的管理,论坛中多级论坛的管理,JAVA中的AWT正是缺乏包括树形目录这样的组件才用处受限......谁这么没礼貌,一点面子都不给,叫我怎么讲下去?清了清嗓子:  在我们项目中常常会出现自关联的数据表,从整体看去,整个表就呈现为一个树形数据结构.当我们对这个表进行显示.编辑时,如果不采用好的表现形式,会显得很笨拙,采用树形目录进行管理显然是一个不错的主意.  (斧子抡

jquery treeview 数据库数据生成树

问题描述 jquery treeview 数据库数据生成树 用juqery的treeview插件 现页面代码 <select id=""s1""> <c:forEach items=""${producttypeplist}"" var=""producttype""> <option value=""${producttype.id }

ASP+FSO无需模板生成静态HTML页

FSO生成静态HTML文件的时候替换模板标签一直是一个很麻烦的问题,至少我是这么认为的,还要别外做一个模板,麻烦!,我今天看见有一个方法可以解决这个问题 如一个正常的index.asp页面,并且用ASP代码调出数据库中的内容,另建一个makehtml.asp的页面,加入一个textarea域,假设为name="body",将index.asp在textarea里调出来,如: <textarea name="body"><!--#include fi

浅谈ASP程序设计中数据库文件调用的捷径

程序|设计|数据|数据库 引言 本文针对ASP程序设计中最基础.也是最关键的部分"数据库文件的调用"进行说明,同时谈谈ASP程序设计中数据库文件调用的一些技巧. ASP简介 ASP(Active Server Pages)是微软于1996年推出的Web应用程序开发技术,它是一种脚本语言.ActiveX组件及HTML语言等的综合,微软把它描述为"一个服务器的脚本环境,在这里可以生成和运行动态的.交互的.高性能的Web服务器应用程序".其主要功能是为生成动态的.交互式的

ASP开发中数据库文件调用

数据|数据库 引言    本文针对ASP程序设计中最基础.也是最关键的部分"数据库文件的调用"进行说明,同时谈谈ASP程序设计中数据库文件调用的一些技巧.    ASP简介    ASP(Active Server Pages)是微软于1996年推出的Web应用程序开发技术,它是一种脚本语言.ActiveX组件及HTML语言等的综合,微软把它描述为"一个服务器的脚本环境,在这里可以生成和运行动态的.交互的.高性能的Web服务器应用程序".其主要功能是为生成动态的.交

ASP应用技巧:生成静态网页的一种方法

技巧|静态|网页 下面代码可以帮您生成静态页面,如:list.asp是读数据库的页面,要生在list.htm静态页面,你的域名是xxx.com,可以用下面代码,使用方法:if SaveFile("/htm/list.htm","http://www.xxx.com/asp/list.asp") thenResponse.write "已生成"elseResponse.write "没有生成"end if 如生成失败,请把代码O

ASP中处理数据库图像的方法

数据|数据库 ---- Active Server Pages (ASP) 是服务器端的脚本编写环境,您可用它来创建动态 Web 页或生成功能强大的 Web 应用程序,ASP 使这些工作变得十分简单.ASP 页是包括 HTML 标记.文本和脚本命令的文件.ASP 页可调用 ActiveX 组件来执行任务,例如连接到数据库或进行商务计算.通过 ASP,可为您的 Web 页添加交互内容或用 HTML 页构成整个 Web 应用程序,这些应用程序使用HTML页作为您的客户的界面. ---- 在我们使用A