知识大全 在ASP.NET 2.0中使用页面导航控件

Posted

篇首语:知识是工具,而不是目的。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 在ASP.NET 2.0中使用页面导航控件相关的知识,希望对你有一定的参考价值。

在ASP.NET 2.0中使用页面导航控件  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

  几乎每个网站里 为了方便用户在网站中进行页面导航 都少不了使用页面导航控件 有了页面导航的功能 用户可以很方便地在一个复杂的网站中进行页面之间的跳转 在以往的WEB编程中 要写一个好的页面导航功能 并不是那么容易的 也要使用一些技巧 而在 中 为了方便进行页面导航 新增了一个叫做页面导航控件sitemapdatasource 其中还可以绑定到不同的其他页面控件 比如treeview menu等 十分灵活 使到能很方便地实现页面导航的不同形式 而且还提供了运行时的编程接口 可以以编程的形式动态实现页面导航控件 本文将简单以几个例子来介绍一下在 中如何实现页面导航     页面导航的结构和sitemapdatasource控件    在 中 要实现页面导航 应该先以xml的形式 提供出整个网站的页面结构层次 我们可以编写一个叫web sitemap的XML文本文件 在该文件中定义出整个要导航页面的结构层次 举例如下     <?xml version= encoding= utf ?>    <siteMap>    <siteMapNode title= Default description= Home url= Default aspx >    <siteMapNode title= Members description= Members url= Members aspx >    <siteMapNode title= My Account description= My Account url= MyAccount aspx />    <siteMapNode title= Products description= Products url= Products aspx />    </siteMapNode>    <siteMapNode title= Administration description= Administration url= ~/Admin/Default aspx >    <siteMapNode title= Customer description= Customer Admin url= ~/Admin/Customer/default aspx />    <siteMapNode title= Products Admin description= Products Admin url= ~/Admin/ProductsAdmin aspx />    </siteMapNode>    </siteMapNode>    </siteMap>    我们可以看到 其中 web sitemap文件必须包含根结点sitemap 而且 设置一个父sitemapnode结点 该结点表明是默认的站点首页 在该父sitemapnode结点下 可以有若干个子sitemapnode结点 分别按层次结构代表了网站的各子栏目(留意一下上例中 各个子结点之间的包含关系) 而每一个sitemapnode结点中 有如下若干个属性      )URL属性 该属性指出要导航的栏目的地址链接 在web sitemap中定义中 必须是每个栏目的相对地址      )Title属性 该属性指出每个子栏目的名称 显示在页面中      )Description属性 该属性指定时 则用户在鼠标移动到该栏目时 出现有关该栏目的相关提示 类似于tooltips属性     在设计好sitemap属性后 接下来就可以一步步构建页面导航功能了 主要有两个步骤      ) 向页面中添加sitemapdatasource控件 该控件会自动感应绑定web sitemap中的内容      ) 将sitemapdatasource控件绑定到如sitemappath treeview menu等控件中 也就是说 将它们的数据源设置为该sitemapdatasource控件     知道了方法后 我们下面就分别以treeview menu sitemappath三种控件为例子 介绍一下如何和sitemapdatasource控件进行配合使用     先来介绍使用treeview控件和sitemapdatasource 控件配合使用的方法 Treeview树形列表控件十分适合于用来做页面导航 为了能具体说明 我们充分利用中的masterpage控件 先搭建出一个网站的基本框架架构     在visual web developer beta 中 新建一个网站 之后添加上文的web sitemap文件 再添加一个名叫Navigation的master类型的页面 代码如下     <%@ Master Language= C# %>    < xmlns= / /x >    <head id= Head runat= server >    <title>Master Page</title>    </head>    <body>    <form id= form runat= server >    <div>    <table border= >    <tr>    <td >    <asp:TreeView ID= TreeView Runat= server DataSourceID= SiteMapDataSource     ExpandDepth= ShowExpandCollapse= False NodeIndent= >    <LevelStyles>    <asp:TreeNodeStyle Font Bold= True Font Underline= False />    <asp:TreeNodeStyle Font Italic= True Font Underline= False />    <asp:TreeNodeStyle Font Size= X Small ImageUrl= bullet gif Font Underline= False />    </LevelStyles>    <NodeStyle ChildNodesPadding= />    </asp:TreeView>    </td>    <td >    <asp:contentplaceholder id= ContentPlaceHolder  runat= server >    </asp:contentplaceholder>    </td>    </tr>    </table>    <asp:SiteMapDataSource ID= SiteMapDataSource Runat= server />    </div>    </form>    </body>    </>    在上面的代码中 其中的TREEVIEW控件中的DATASORUCE属性中 就指定了sitemapdatasource控件 并且在treeview控件中 也定义了不同结点的样式     在完成了masterpage页面后 就等于已经把网站的模版页建立起来了 接下来就可以新建其他子页面 以继承masterpage页面 并且新建各自页面的内容了 比如 新建一个default aspx页面 代码如下     <%@ Page Language= C# MasterPageFile= Navigation master Title= Default Page %>    <asp:Content ContentPlaceHolderID= ContentPlaceHolder     ID= Content Runat= Server >    This is the default page    </asp:Content>    可以看到 当建立了模版页后 就可以新建其他的子页面了 只需要在其中的contentplaceholderid中写入不同的内容就可以了 运行起来后 效果如图    >  接下来 我们来介绍如何将menu菜单控件和sitemapdatasource 控件配合使用 其中 我们在上面的例子的基础上 在<table border= >下面增加如下代码就可以了     <tr height= px >    <td colspan= align= left >    <asp:Menu ID= Menu Runat= Server     DataSourceID= SiteMapDataSource >    </asp:Menu>    </td>    </tr>    其中 我们增加了一个menu控件 其中将其datasourceid属性设定为sitemapdatasource 就可以了 运行如下图 当然 我们可以改变menu控件的显示位置 如可以将其改成垂直样式显示    >  而对于我们经常见到的显示出页面当前路径的导航条功能 在 中也可以轻易实现 我们可以使用其中的sitemappath控件 我们紧接着在上文代码中的menu控件下 增加如下代码     <tr height= px >    <td colspan= align= left >    Currently Selected Page is:    <asp:SiteMapPath Runat= Server ID= SiteMapPath ></asp:SiteMapPath>    </td>    </tr>    要注意的是 只要增加sitemappath控件就可以了 因为它会自动和已经增加的sitemapdatasource控件进行绑定的 我们为了说明问题 另外增加一个页面member aspx 代码如下     <%@ Page Language= C# MasterPageFile= Navigation master Title= Members Page %>    <asp:Content ContentPlaceHolderID= ContentPlaceHolder ID= Content Runat= Server >    This is the members page    </asp:Content>    运行结果如下    >  最后 我们看一下 如何通过编程的方式来获取页面导航中的相关数据 其中 必须引用到的是sitemap类 该类提供了很多相关的方法和属性 最重要的是currentnode属性 它可以指出当前用户正在浏览的是哪一个栏目页面 这用来跟踪用户在网站中的行动轨迹 并进行站点数据统计 有时是很有用的 举例如下     <%@ Page Language= C# MasterPageFile= Navigation master Title= Members Page %>    <script runat= Server >    void Page_Load(object sender EventArgs e)        Response Write( The currently selected root node is: + SiteMap CurrentNode Description + <br> );    Response Write( The Parent for the currently selected node is : +    SiteMa cha138/Article/program/net/201311/12540

相关参考

知识大全 Asp.net导航控件真的值得用吗

Asp.net导航控件真的值得用吗?  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &n

知识大全 ASP.NET中遍历页面的所有button控件

ASP.NET中遍历页面的所有button控件  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!通用代

知识大全 ASP.NET入门教程 3.5.3 导航控件[2]

ASP.NET入门教程3.5.3导航控件[2]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!&nb

知识大全 ASP.NET入门教程 3.5.3 导航控件[4]

ASP.NET入门教程3.5.3导航控件[4]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!&nb

知识大全 ASP.NET入门教程 3.5.3 导航控件[1]

ASP.NET入门教程3.5.3导航控件[1]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!&nb

知识大全 ASP.NET入门教程 3.5.3 导航控件[3]

ASP.NET入门教程3.5.3导航控件[3]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!&nb

知识大全 ASP.NET入门教程 3.5.3 导航控件[5]

ASP.NET入门教程3.5.3导航控件[5]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!&nb

知识大全 ASP.NET入门教程 3.5.3 导航控件[6]

ASP.NET入门教程3.5.3导航控件[6]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!&nb

知识大全 Asp.net 页面导航的几种方法与比较

Asp.net页面导航的几种方法与比较  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!在ASPNET

知识大全 ASP.NET四种页面导航方式之比较与选择

ASP.NET四种页面导航方式之比较与选择  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  在AS