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

在ASP.NET 2.0中,没有专门的页面导航控件,但可以使用SITEMAPdatasource配和DATALIST来实现。
SITEMAPDATASOURCE控件中,需要特别的建立一个web.sitemap的XML文件,该文件中存贮网站的结构,
比如
<?xml version="1.0" encoding="utf-8" ?>

<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >

    <siteMapNode url="default.aspx?id=-1" title="首页">

            <siteMapNode url="default2.aspx?id=0" title="商品"/>

            <siteMapNode url="default3.aspx?id=1" title="社区"/>

    </siteMapNode>

</siteMap>
之后,在default.aspx中,写入代码:
<%@ Page Language="C#" %>

 

<script runat=server>

 

    protected void Page_Load()

    {

        int index = -1;

        Int32.TryParse(Request.QueryString["id"], out index);

 

        Tabs.SelectedIndex = index;

    }

       

</script>

 

<html xmlns="http://www.w3.org/1999/xhtml" >

<head id="Head1" runat="server">

    <title>Untitled Page</title>

    <style>

        a

        {

            color: #000000;

            text-decoration: none;

        }

       

        .myTab

        {

            background: #6666ff;

            padding: 4px;

        }

 

        .myTabSelected

        {

            background: #ff00ff;

            padding: 4px;

        }

    </style>

 

</head>

<body>

    <form id="form1" runat="server">

    <div>

       

        <table>

        <asp:DataList RepeatDirection=Horizontal ID="Tabs" runat="server" DataSourceID="SiteMapDataSource1">

            <ItemTemplate>

                 <td width="4" height="20" valign="top" nowrap class="myTab">

                   <a href='<%# Eval("Url") %>'><%# Eval("Title") %></a>

                </td>

            </ItemTemplate>

           <SelectedItemTemplate>

                <td width="4" height="20" valign="top" nowrap class="myTabSelected">

                   <a href='<%# Eval("Url") %>'><%# Eval("Title") %></a>

                </td>

           </SelectedItemTemplate>

        </asp:DataList>

        </table>

        <asp:SiteMapDataSource ShowStartingNode=false ID="SiteMapDataSource1" runat="server" />

    </div>

    </form>

</body>

</html>


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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值