当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > asp.net 2.0中使用sitemapDATAsource做页面导航

ASP.NET
Asp.Net使用POST方法最简单的实现
实现.NET应用程序的自动更新
优秀ASP.NET程序员修炼之路
ASP.NET中实现模板页
在ASP.Net 2.0中实现多语言界面的方法
小议优化ASP.NET应用性能之Cache篇
.net开发投票机的思路
浅析CMS内容管理系统的两种方案
ASP.NET 2.0中动态修改页面标题
“您无权查看该网页”的原因和解决方法
将一个图片按比例缩放显示在一个Frame中
编程使用资源文件实现多语言页面(In Action)
.Net编程的多个小技巧
asp.net2.0学习历程-菜鸟到中级程序员的飞跃
asp.net如何连接sql server2000数据库
FCKeditor 2.6在ASP.NET中的配置方法
使用ASP.NET开发移动通讯的几种方法
ASP.NET 2.0的URL映射的实现方法
如何在Asp.net中使用HtmlArea编辑器
ASP.NET 2.0 中实现跨页提交

ASP.NET 中的 asp.net 2.0中使用sitemapDATAsource做页面导航


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-23   浏览: 62 ::
收藏到网摘: n/a

在ASP.NET2.0中,没有专门的页面导航控件,但可以使用SITEMAPdatasource配和DATALIST来实现。

SITEMAPDATASOURCE控件中,需要特别的建立一个web.sitemap的XML文件,该文件中存贮网站的结构,

比如


<?xmlversion="1.0"encoding="utf-8"?>
<siteMapxmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0">
<siteMapNodeurl="default.aspx?id=-1"title="首页">
<siteMapNodeurl="default2.aspx?id=0"title="商品"/>
<siteMapNodeurl="default3.aspx?id=1"title="社区"/>
</siteMapNode>
</siteMap>



之后,在default.aspx中,写入代码:


<%@PageLanguage="C#"%>
<scriptrunat=server>
protectedvoidPage_Load()
{
intindex=-1;
Int32.TryParse(Request.QueryString["id"],outindex);
Tabs.SelectedIndex=index;
}
</script>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headid="Head1"runat="server">
<title>UntitledPage</title>
<style>
a
{
color:#000000;
text-decoration:none;
}
.myTab
{
background:#6666ff;
padding:4px;
}
.myTabSelected
{
background:#ff00ff;
padding:4px;
}
</style>
</head>
<body>
<formid="form1"runat="server">
<div>
<table>
<asp:DataListRepeatDirection=HorizontalID="Tabs"runat="server"DataSourceID="SiteMapDataSource1">
<ItemTemplate>
<tdwidth="4"height="20"valign="top"nowrapclass="myTab">
<ahref='<%#Eval("Url")%>'><%#Eval("Title")%></a>
</td>
</ItemTemplate>
<SelectedItemTemplate>
<tdwidth="4"height="20"valign="top"nowrapclass="myTabSelected">
<ahref='<%#Eval("Url")%>'><%#Eval("Title")%></a>
</td>
</SelectedItemTemplate>
</asp:DataList>
</table>
<asp:SiteMapDataSourceShowStartingNode=falseID="SiteMapDataSource1"runat="server"/>
</div>
</form>
</body>
</html>

就可以实现简单的页面导航的效果了