ASP.NET中树状目录和导航条的应用

来源:互联网 发布:3d设计软件 编辑:程序博客网 时间:2024/05/22 01:45
小技巧:Ctrl+Table键,在Visual Stadio中进行两个页面之间的切换。
树状目录:TreeView
A、重要属性:ShowLines、SelectionExpand(点节点的时候不刷新页面)、ExpandPath(路径)。
B、外观的设置属性:设置一系列的style,下面就来介绍介绍这些重要的样式style:
第一:RootNodeStyle根节点样式的设置。
第二:leafNodeStyle叶子节点的设置(叶子节点:下面没有子节点的节点,成为叶子节点。)。
第三:ParentNodeStyle不包含根节点不包含叶子节点的带有子节点的父节点称为父节点,这个属性是对这一节点的设置。
第四:SelectedNodeStyle:选中节点的样式设置。
C、如何应用树状目录:
(1)首先在Visual Stadio中的工具箱中找到导航这个目录,然后找TreeView,使用的时候拖到界面上来即可。
(2)对树状目录的操作:见图:
D、下面主要说对XML文件操作,进而使用写好的XML文件来操作树状目录和导航条
(1)注意:新创建好的站点地图的地址不可改变。
(2)添加新项--》站点地图
(3)注意:默认创建好的站点地图名称不可改变。因为我们在使用XML的时候,默认去找这个名称的XML文件,所以不能改,如果要改动,需要进行一系列的配置,所以还是建议不该,一般一个网站创建一个站点地图即可。
E、<!--站点地图的根节点,只有一个,URL是根节点点击后的地址,title是根节点上要显示的文本,description是对根节点的描述,鼠标经过时候进行提示-->
<siteMapNode url="web.aspx" title="web开发" description="web开发">
<!--下面是根节点下的子节点,URL、title、description的含义和根节点一样。如果下面还要创建子节点,则把siteMapNode单标记改成双标记,需注意:如果一个复合标记在标记中间没有内容的时候可以改成单标记,如果有内容,例如我们的根节点,则需改成复合标记。-->
         <siteMapNode url="JavaEE.aspx" title="JavaEE开发" description="JavaEE开发">
        </siteMapNode>
        <siteMapNode url="DotNet.aspx" title="ASP.NET开发"  description="">
        </siteMapNode>
        <siteMapNode url="php.aspx" title="php开发"  description="">
        </siteMapNode>
    </siteMapNode>
-------------------------------------------------------------------------
F、<!--我把咱们的XML文件给创建好了,也就是说我们的站点地图做好了!代码如下,该提示的上面都说了,非常容易理解,就是一个URL,一个Title,一个description描述,再就是记住了如果复合标记中间有内容,一定记得把单标记改成复合标记,改的方法就是在另一半标记上加一个斜杠。-->
<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
  <siteMapNode url="web.aspx" title="web开发"  description="web开发">
    <siteMapNode url="JavaEE.aspx" title="JavaEE开发"  description="JavaEE开发">
    </siteMapNode>
    <siteMapNode url="DotNet.aspx" title="ASP.NET开发"  description="ASP.NET开发">
    </siteMapNode>
    <siteMapNode url="php.aspx" title="php开发"  description="php开发">
      <siteMapNode url="lamp.aspx" title="LAMP开发"  description="php开发"/>
    </siteMapNode>
  </siteMapNode>
</siteMap>
G、在界面上先让这一个站点地图对我们上面提到的树状目录起作用。先把一个树状目录拖到界面上来。
然后配置一下数据元即可了,详细请看截图:
-----------------------------------------------------------------------------
G、导航条的使用:
(1)现在界面上拖一个SiteMapPath到界面上来。
(2)操作完毕,但要确保这个导航条必须放到了上面创建的站点地图的那些所有URL的某一个URL下面才可以。

导航控件在DotNet工具箱中存放的位置以及模样:
ASP.NET中树状目录和导航条的应用
把上图的TreeView控件拖放至界面中在什么也不进行配置的情况下的状态:
ASP.NET中树状目录和导航条的应用
对TreeView进行手动编辑可以这样进行操作:添加父节点,添加子节点,对节点的图片进行效果显示等等:
ASP.NET中树状目录和导航条的应用
手动编写TreeView后在浏览器中查看
ASP.NET中树状目录和导航条的应用 

把第一张图的SiteMapPath导航条控件拖放至界面,不做任何操作显示效果如下:
ASP.NET中树状目录和导航条的应用
如何去创建一个站点地图,通过访问站点地图来操作树状目录和导航条的内容显示,以达到控制整个网站的效果:
创建一个站点地图:添加新项--》站点地图(一般一个网站只是创建一个站点地图)
ASP.NET中树状目录和导航条的应用
把导航条拖放至存在站点地图URL的网页当中,导航条在浏览器中的显示效果:
ASP.NET中树状目录和导航条的应用
为树状目录选择数据源,数据源为我们刚刚创建的站点地图。
ASP.NET中树状目录和导航条的应用
树状目录选择配置完毕以后界面效果
ASP.NET中树状目录和导航条的应用
树状目录选择配置完毕以后浏览器中显示效果
ASP.NET中树状目录和导航条的应用

全文结束,谢谢欣赏!

原创粉丝点击