知识大全 在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导航控件真的值得用吗? 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &n
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页面导航的几种方法与比较 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!在ASPNET
ASP.NET四种页面导航方式之比较与选择 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 在AS