• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >ASP.NET > ASP.NET网站导航及导航控件如何使用

ASP.NET网站导航及导航控件如何使用

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了分页控件 asp.net,表格控件 asp.net,用户控件 asp.net,日期控件 asp.net,js获取asp.net控件等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

网站导航?

传统的网站导航需要我们在是在页面上弄超链接的方式来实现的,在页面修改或移动的的时候需要一一在每个页中都要进行修改,这样会很麻烦。
在网站中建立网站地图,也就是把所有的链接地址放在一个专门的文件中进行统一管理,这样就很方面的进行管理。
怎么弄网站导航?怎么做?

需要在VS中新建网站地图文件,再把网站地图文件与我们想要的导航控件相关联,这样就可以实现导航的效果了,我们要更改某个地址,就直接在站点地图.siteMap文件中更改就行了。
vs中如何添加网站地图?

在vs中新建项中选择"站点地图"新建站点地图。
要使用站点地图,我们需要把站点地图文件添加到网站根文件夹下。
在新建一个站点地图文件的时候,默认的代码如下所示:

<?xml version="1.0"encoding="utf-8" ?>
<siteMapxmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
  <siteMapNodeurl="" title="" description="">
    <siteMapNodeurl=""title="" description="" />
    <siteMapNodeurl=""title="" description="" />
  </siteMapNode>
</siteMap>
</div>

我们可以从代码中看出文件的根元素siteMap包含了<siteMapNode>元素,这些<siteMapNode>元素形成树形结构,第一层为网站的主页。
<siteMapNode>元素常用的属性表。

复杂的导航为了更能清晰的显示,我们可以多用几个.mapMap文件,也就是嵌套网站地图。
我们在新建一个文件夹,在这个文件夹下建两个网站地图文件,Products.siteMap和Servers.sitMap,建立Web.siteMap放到网站的根目录下,用web.site的siteMapFile属性来链接其他两个.siteMap文件。 代码如下所示:
Products.siteMap:

<?xml version="1.0"encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
  <siteMapNode title="Products" description="我们的产品" 
        url="~/chap/Products.aspx"> 
    <siteMapNode url="~/chap/Software.aspx"title="软件" description="软件的提供" />  
    <siteMapNode url="~/chap/Hardware.aspx"title="硬件" description="硬件的提供" />  
  </siteMapNode>  
</siteMap>  
Services.siteMap文件:  
<?xml version="1.0"encoding="utf-8" ?>  
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >  
  <siteMapNodeurlsiteMapNodeurl="~/chap/Services.aspx"title="Services" description="我们提供的服务"> 
     <siteMapNode url="~/chap/Training.aspx"title="训练" description="训练" /> 
     <siteMapNode url="~/chap/Consulting.aspx"title="咨询" description="问题咨询" /> 
     <siteMapNode url="~/chap/Support.aspx"title="支持" description="技术支持" />  
  </siteMapNode>  
</siteMap> 
</div>

Web.siteMap文件:

<?xml version="1.0"encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >  
  <siteMapNodeurlsiteMapNodeurl="home.aspx" title="home" description="home"> 
    <siteMapNode siteMapFile="~/chap/Products.sitemap" /> 
    <siteMapNodesiteMapFilesiteMapNodesiteMapFile="~/chap/Services.sitemap" />  
  </siteMapNode>  
</siteMap> 
</div>

导航地图建立完了,接下来显示导航地图。
SiteMapPath控件显示导航

直接把控件拖动到要导航的页面就可以了。控件会自动与导航地图进行绑定。
显示:

TreeView控件显示导航

TreeView控件通常用来树形结构的站点导航,可以用来显示XML、表格或关系数据。
基本的操作:
TreeView每个节点其实都一个是个TreeNode类的对象。可以通过编程操作TreeNode对象动态的添加和修改。可以通过数据源控件进行绑定,例如通过SiteMapDataSource空调感觉爱你或XmlDataSource控件。
TreeViewcollapseAll()和ExpandAll()方法折叠和展开节点。利用Nodes.Add()方法添加到节点到控件中,Nodes.Remove()方法删除指定节点。
DEMO:

在这里只是为了熟悉TreeView,也没有实现,鼠标右击对TreeView操作,和只刷新TreeView控件,以及和数据绑定。只是为了熟悉TreeView而熟悉TreeView。
myTreeView代码:

<%@ PageLanguage="C#" AutoEventWireup="true"CodeFile="Menu.aspx.cs"Inherits="Menu" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
  <title></title>  
</head>  
<body>  
  <formidformid="form1" runat="server"> 
  <div>     
  </div>  
  <asp:Menu ID="Menu1" runat="server"> 
    <Items> 
      <asp:MenuItem Text="米老师" Value="米老师"></asp:MenuItem> 
      <asp:MenuItem Text="七期" Value="七期"> 
      <asp:MenuItem Text="师姐一" Value="师姐一"></asp:MenuItem> 
      <asp:MenuItem Text="师姐二" Value="师姐二"></asp:MenuItem> 
      </asp:MenuItem>  
      <asp:MenuItem Text="八期" Value="八期"> 
      <asp:MenuItem Text="英语部" Value="英语部"></asp:MenuItem> 
      <asp:MenuItem Text="值日生部门" Value="值日生部门"></asp:MenuItem> 
      </asp:MenuItem> 
      <asp:MenuItem Text="九期" Value="九期"></asp:MenuItem> 
      <asp:MenuItem Text="十期" Value="十期"></asp:MenuItem> 
      <asp:MenuItem Text="十一期" Value="十一期"></asp:MenuItem> 
    </Items> 
   </asp:Menu> 
  </form> 
 </body> 
</html> 
</div>

 C#代码:

public partial class chap_myTreeView: System.Web.UI.Page  
{ 
  //移除当前节点  
  protectedvoid RemoveNode_Click(object sender, EventArgs e) 
   { 
     //如果存在当前节点。 
     if (myTreeView.SelectedNode !=null) 
    {     
      //获取当前节点的父节点。 
      TreeNode parentNode= myTreeView.SelectedNode.Parent; 
      //移除当前节点。 
      if (parentNode !=null) 
      { parentNode.ChildNodes.Remove(myTreeView.SelectedNode); } 
       else 
      { 
         myTreeView.Nodes.Remove(myTreeView.SelectedNode);  
      } 
    } 
  } 
   //添加当前节点。 
  protectedvoid AddNode_Click(object sender, EventArgse)  
  { 
     //如果添加当前节点的值为空,则返回。 
 
    if (txtAdd.Text.Trim().Length <1) 
    { 
       return; 
    } 
     //建立节点的childNode,设置Value属性。 
     TreeNode chileNode = new TreeNode(); 
    //给新加的节点赋值。 
    chileNode.Value = txtAdd.Text.Trim(); 
    //判断是否选中一个节点。 
    if (myTreeView.SelectedNode !=null)//如果存在当前节点。 
    { 
       //将新的childNode对象添加到当前节点。 
      myTreeView.SelectedNode.ChildNodes.Add(chileNode); 
      txtAdd.Text = ""; 
    } 
    else 
     { 
      //作为根节点添加到树中。 
      myTreeView.Nodes.Add(chileNode); 
      //清楚文本框。 
     txtAdd.Text = ""; 
    }  
  }  
  //将树全部的折叠。 
  protectedvoid FlodNodes_Click(object sender, EventArgs e)  
  { 
     myTreeView.CollapseAll();//将树全部折叠起来. 
  } 
   //全部展开. 
  protectedvoid OpenAllNode_Click(object sender, EventArgs e) 
  { 
    myTreeView.ExpandAll();//全部展开树.  
  } 
} 
</div>

效果:

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • ASP.NET数据绑定控件详解
  • asp.net webform自定义分页控件
  • asp.net分页控件使用详解【附实例下载】
  • 解析asp.net的分页控件
  • ASP.NET同步分页MvcPager使用详解
  • ASP.Net分页的分页导航实例
  • ASP.Net分页的分页导航实例
  • asp.net使用FCK编辑器中的分页符实现长文章分页功能
  • ASP.NET中控件的EnableViewState属性及彻底禁用
  • ASP.NET的广告控件AdRotator用法分析

相关文章

  • 2017-05-11图片不存在使用默认图片代替的实例
  • 2017-05-11.NET 日志系统设计思路及实现代码
  • 2017-05-11.net实现webservice简单实例分享
  • 2017-05-11asp.net计算每个页面执行时间的方法
  • 2017-05-11asp.net中的cookie使用介绍
  • 2017-05-11轻松解决asp.net用户ASPNET登录失败问题的方法分享
  • 2017-05-11asp.net窗体操作总结
  • 2017-05-11asp.net access web.config denied
  • 2017-05-11读写xml所有节点个人小结 和 读取xml节点的数据总结
  • 2017-05-11.NET实现文件跨服务器上传下载的方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Asp.NET 随机码生成基类(随机字母,随机数字,随机字母+数字)
    • js获取.aspx页面里面的服务器控件和.ascx中的服务器控件值
    • ASP.NET MVC中的AJAX应用
    • Asp.Net 动态页面转静态页面主要代码
    • 利用MS AJAX注册Javascript命名空间并创建类
    • 解读ASP.NET 5 & MVC6系列教程(5):Configuration配置信息管理
    • asp.net显示相同数字相乘的结果,直到数值大于150为止
    • asp.net下将图片保存到XML文件的方法
    • asp.net mvc4中bootstrap datetimepicker控件的使用
    • asp.net LC.exe已退出代码为 -1的原因分析及解决方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有