ASP.NET的面包屑导航控件、树形导航控件、菜单控件
原文:http://blog.csdn.net/pan_junbiao/article/details/8579293
ASP.NET的面包屑导航控件、树形导航控件、菜单控件。
1、 面包屑导航控件——SiteMapPath控件
SiteMapPath控件可以为站点提供“面包屑导航”的功能。
1.1 创建站点地图文件Web.sitemap
在ASP.Net中,有一个叫站点地图的XML文件。站点地图的文件名必须是Web.sitemap,而且需要放置于应用程序的根目录。
- <?xml version="1.0" encoding="utf-8" ?>
- <siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0">
- <siteMapNode url="" title="人力资源管理" description="">
- <siteMapNode url="" title="员工管理" description="">
- <siteMapNode url="/Manager/UserList.aspx" title="员工列表" description="" />
- <siteMapNode url="/Manager/AddUser.aspx" title="新增员工" description="" />
- </siteMapNode>
- <siteMapNode url="" title="部门管理" description="">
- <siteMapNode url="/Manager/DepartmentList.aspx" title="部门列表" description="" />
- <siteMapNode url="/Manager/AddDepartment.aspx" title="新增部门" description="" />
- </siteMapNode>
- </siteMapNode>
- </siteMap>
<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0">
<siteMapNode url="" title="人力资源管理" description="">
<siteMapNode url="" title="员工管理" description="">
<siteMapNode url="/Manager/UserList.aspx" title="员工列表" description="" />
<siteMapNode url="/Manager/AddUser.aspx" title="新增员工" description="" />
</siteMapNode>
<siteMapNode url="" title="部门管理" description="">
<siteMapNode url="/Manager/DepartmentList.aspx" title="部门列表" description="" />
<siteMapNode url="/Manager/AddDepartment.aspx" title="新增部门" description="" />
</siteMapNode>
</siteMapNode>
</siteMap>
节点描述如下:
siteMap:根节点,一个站点地图只能有一个siteMap元素。
siteMapNode:对应于页面的节点,一个节点描述一个页面。
title:描述页面。
url:文件在解决方案中的位置。
description:说明性文本。
编写站点地图的注意事项如下:
1、站点地图根节点为<siteMap>元素,每个文件有且仅有一个根节点。
2、<siteMap>下一级有且仅有一个<siteMapNode>节点。
3、<siteMapNode>下面包含多个新的<siteMapNode>节点。
4、在站点地图中,同一个URL仅能出现一次。
1.2 页面中编写SiteMapPath控件
- <asp:SiteMapPath ID="SiteMapPath1" runat="server">
- </asp:SiteMapPath>
<asp:SiteMapPath ID="SiteMapPath1" runat="server">
</asp:SiteMapPath>
SiteMapPath控件的常用属性
PathSeparator:控制分隔符。可以通过编辑模板更改分隔符为任意样式,比如为图片。
ParentLevelsDisplayed:要显示的父节点的级数,用于控制导航显示的级数。
2、 树形导航——TreeView控件
ASP.NET中有TreeView导航控件,可以像SiteMapPath那样设置一下XML文件即可显示强大的导航。
2.1 编写XML文件——ManagerMenu.xml
也可以采用站点地图Web.sitemap作为TreeView的数据源
- <?xml version="1.0" encoding="utf-8" ?>
- <siteMapNode url="" title="人力资源管理" description="">
- <siteMapNode url="" title="员工管理" description="">
- <siteMapNode url="/Manager/UserList.aspx" title="员工列表" description="" />
- <siteMapNode url="/Manager/AddUser.aspx" title="新增员工" description="" />
- </siteMapNode>
- <siteMapNode url="" title="部门管理" description="">
- <siteMapNode url="/Manager/DepartmentList.aspx" title="部门列表" description="" />
- <siteMapNode url="/Manager/AddDepartment.aspx" title="新增部门" description="" />
- </siteMapNode>
- </siteMapNode>
<?xml version="1.0" encoding="utf-8" ?>
<siteMapNode url="" title="人力资源管理" description="">
<siteMapNode url="" title="员工管理" description="">
<siteMapNode url="/Manager/UserList.aspx" title="员工列表" description="" />
<siteMapNode url="/Manager/AddUser.aspx" title="新增员工" description="" />
</siteMapNode>
<siteMapNode url="" title="部门管理" description="">
<siteMapNode url="/Manager/DepartmentList.aspx" title="部门列表" description="" />
<siteMapNode url="/Manager/AddDepartment.aspx" title="新增部门" description="" />
</siteMapNode>
</siteMapNode>
2.2 页面中编写TreeView控件与绑定数据源
- <asp:TreeView ID="TreeView1" runat="server" DataSourceID="XmlDataSource1" ShowLines="True">
- <DataBindings>
- <asp:TreeNodeBinding DataMember="siteMapNode" NavigateUrlField="url" TextField="title" />
- </DataBindings>
- </asp:TreeView>
- <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Manager/ManagerMenu.xml"></asp:XmlDataSource>
<asp:TreeView ID="TreeView1" runat="server" DataSourceID="XmlDataSource1" ShowLines="True">
<DataBindings>
<asp:TreeNodeBinding DataMember="siteMapNode" NavigateUrlField="url" TextField="title" />
</DataBindings>
</asp:TreeView>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Manager/ManagerMenu.xml"></asp:XmlDataSource>
TreeView数据绑定的常用属性
TextField:设置显示的文字所绑定的字段或元素。
NavigateUrlField:设置链接对应的字段或元素值。
3、 菜单控件——Menu控件
ASP.NET中Menu控件,它提供一种动态和静态结合的方式进行菜单的显示。
3.1 页面中编写Menu控件与绑定数据源。
- <asp:Menu ID="Menu1" runat="server" DataSourceID="XmlDataSource2" Orientation="Horizontal">
- <DataBindings>
- <asp:MenuItemBinding DataMember="siteMapNode" NavigateUrlField="url"
- TextField="title" />
- </DataBindings>
- </asp:Menu>
- <asp:XmlDataSource ID="XmlDataSource2" runat="server" DataFile="~/Manager/ManagerMenu.xml"></asp:XmlDataSource>
<asp:Menu ID="Menu1" runat="server" DataSourceID="XmlDataSource2" Orientation="Horizontal">
<DataBindings>
<asp:MenuItemBinding DataMember="siteMapNode" NavigateUrlField="url"
TextField="title" />
</DataBindings>
</asp:Menu>
<asp:XmlDataSource ID="XmlDataSource2" runat="server" DataFile="~/Manager/ManagerMenu.xml"></asp:XmlDataSource>
ASP.NET的面包屑导航控件、树形导航控件、菜单控件的更多相关文章
- ASP.NET MVC 在项目中使用面包屑导航
给框架添加一个面包屑导航 1.创建一个类 using System; using System.Collections.Generic; using System.Linq; using System ...
- .net验证控件,导航控件
一.客户端验证(用户体验,减少服务器端压力) 二.服务器端验证(防止恶意攻击,客户端js很容易被绕过) 验证控件:RequiredFieldValidator:字段必填:RangeValidator: ...
- amazeui学习笔记--css(常用组件2)--面包屑导航Breadcrumb
amazeui学习笔记--css(常用组件2)--面包屑导航Breadcrumb 一.总结 1.am-breadcrumb:用am-breadcrumb来声明面包屑导航控件,.am-breadcrum ...
- 夺命雷公狗ThinkPHP项目之----企业网站25之网站前台面包屑导航URL的完善
如果想取出面包屑导航的url那么就必须在model层里面进行多取一个了: <?php namespace Home\Model; use Think\Model; class CategoryM ...
- PHP.52-TP框架商城应用实例-前台4-商品详情页-面包屑导航、AJAX浏览历史
面包屑导航 思路:根据商品的主分类向上取出所有上级分类即可 1.在分类模型中增加取出所有上级分类的方法 /********** [面包屑导航]取出一个分类所有上级分类 **********/ pub ...
- 【完全开源】百度地图Web service API C#.NET版,带地图显示控件、导航控件、POI查找控件
目录 概述 功能 如何使用 参考帮助 概述 源代码主要包含三个项目,BMap.NET.BMap.NET.WindowsForm以及BMap.NET.WinformDemo. BMap.NET 对百度地 ...
- Bootstrap <基础十八>面包屑导航(Breadcrumbs)
面包屑导航(Breadcrumbs)是一种基于网站层次信息的显示方式.以博客为例,面包屑导航可以显示发布日期.类别或标签.它们表示当前页面在导航层次结构内的位置. Bootstrap 中的面包屑导航( ...
- 菜单导航/URHere/面包屑,通过CSS中的content简洁表达代码
比如我们要写一个菜单导航/URHere/面包屑,如: 首页 > 个人中心 > 修改密码 代码: <ul> <li><a href="javascri ...
- 缓存篇(Cache)~第一回 使用static静态成员实现服务器端缓存(导航面包屑)
返回目录 今天写缓存篇的第一篇文章,在写完目录后,得到了一些朋友的关注,这给我之后的写作带来了无穷的力量,在这里,感谢那几位伙伴,哈哈! 书归正传,今天我带来一个Static静态成员的缓存,其实它也不 ...
随机推荐
- 186. [USACO Oct08] 牧场旅行 (第三次考试大整理)
186. [USACO Oct08] 牧场旅行 输入文件:pwalk.in 输出文件:pwalk.out 简单对比 时间限制:1 s 内存限制:128 MB n个被自然地编号为1..n奶牛 ...
- React 项目使用 React-router-dom 4.0 以上版本时使用 HashRouter 怎么控制 history
不添加 history 时,来回点击 Link 会在控制台报错如下 Warning: Hash history cannot PUSH the same path; a new entry will ...
- Spring Data Jpa (三)定义查询方法
本章详细讲解如何利用方法名定义查询方法(Defining Query Methods) (1)定义查询方法的配置方法 由于Spring JPA Repository的实现原理是采用动态代理的机制,所以 ...
- 基本的axios用法
首先安装axios: 1):npm install 2):npm install vue-axios --save 3):npm install qs.js --save //它的作用是能把json格 ...
- 使用type在对象方法中调用类方法
type简介 type在Python中的作用是创建一个类. 我们创建类的时候一般会使用这样的方法: # -*- coding:utf-8 -*- class Student(object): coun ...
- 图解http协议学习笔记
一 ,基本概念 1互联网相关的各协议族为tcp/ip协议(网际协议),tcp/ip ftp,DNS(通过域名解析ip地址),http(超文本传输协议) 还有很多协议 ,只是列举比较熟悉的 2tcp/ ...
- jenkins中通过Publish Over SSH将项目部署到远程机器上
Publish Over SSH插件使用在使用Publish Over SSH之前,需要制作SSH私钥.机器间做免密登录配置.假设机器A,ip为192.168.AA.AAA,机器B: 192.168. ...
- 【转载】linux下如何使用sftp命令
原文地址:http://www.cnblogs.com/chen1987lei/archive/2010/11/26/1888391.html sftp 是一个交互式文件传输程式.它类似于 ftp, ...
- Java中个容器的对比
List: 有序,列表存储,元素可重复 Set: 无序,元素不可重复 Map:无序,元素可重复,key不能重复 LinkedList :链表,删除和添加效率很高,随机访问效率较ArrayList类低, ...
- PSP周总结03
周日 周一 周二 周三 周四 周五 周六 所花时间 120 150 190 180 180 300 代码量 159 372 博客量 1 了解的知识点 阅读构建之法 软件工程概论 阅读构建之法 图书 ...