這篇文章主要介紹了ASP.NET網(wǎng)站導(dǎo)航及導(dǎo)航控件的使用方法，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

走過10多年，我們已為眾多企業(yè)及政府機(jī)關(guān)提供專業(yè)的互聯(lián)網(wǎng)服務(wù)。我們不只是一家專業(yè)網(wǎng)站制作公司；我們對(duì)營(yíng)銷、技術(shù)、服務(wù)都有自己獨(dú)特見解，創(chuàng)新互聯(lián)公司采取“創(chuàng)意+綜合+營(yíng)銷”一體化的方式為您提供更專業(yè)的服務(wù)！創(chuàng)新互聯(lián)公司經(jīng)歷的每一步也許不一定是最完美的，但每一步都有值得深思的意義。

網(wǎng)站導(dǎo)航？

傳統(tǒng)的網(wǎng)站導(dǎo)航需要我們?cè)谑窃陧撁嫔吓溄拥姆绞絹韺?shí)現(xiàn)的，在頁面修改或移動(dòng)的的時(shí)候需要一一在每個(gè)頁中都要進(jìn)行修改，這樣會(huì)很麻煩。
在網(wǎng)站中建立網(wǎng)站地圖，也就是把所有的鏈接地址放在一個(gè)專門的文件中進(jìn)行統(tǒng)一管理，這樣就很方面的進(jìn)行管理。
怎么弄網(wǎng)站導(dǎo)航？怎么做？

需要在VS中新建網(wǎng)站地圖文件，再把網(wǎng)站地圖文件與我們想要的導(dǎo)航控件相關(guān)聯(lián)，這樣就可以實(shí)現(xiàn)導(dǎo)航的效果了，我們要更改某個(gè)地址，就直接在站點(diǎn)地圖.siteMap文件中更改就行了。
vs中如何添加網(wǎng)站地圖？

在vs中新建項(xiàng)中選擇"站點(diǎn)地圖"新建站點(diǎn)地圖。
要使用站點(diǎn)地圖，我們需要把站點(diǎn)地圖文件添加到網(wǎng)站根文件夾下。
在新建一個(gè)站點(diǎn)地圖文件的時(shí)候，默認(rèn)的代碼如下所示：

我們可以從代碼中看出文件的根元素siteMap包含了元素，這些元素形成樹形結(jié)構(gòu)，第一層為網(wǎng)站的主頁。
元素常用的屬性表。

復(fù)雜的導(dǎo)航為了更能清晰的顯示，我們可以多用幾個(gè).mapMap文件，也就是嵌套網(wǎng)站地圖。
我們?cè)谛陆ㄒ粋€(gè)文件夾，在這個(gè)文件夾下建兩個(gè)網(wǎng)站地圖文件，Products.siteMap和Servers.sitMap，建立Web.siteMap放到網(wǎng)站的根目錄下，用web.site的siteMapFile屬性來鏈接其他兩個(gè).siteMap文件。 代碼如下所示：
Products.siteMap:

 
 
   
      
      
    
  
Services.siteMap文件：  
  
  
   
      
      
       
    

Web.siteMap文件：

導(dǎo)航地圖建立完了，接下來顯示導(dǎo)航地圖。
SiteMapPath控件顯示導(dǎo)航

直接把控件拖動(dòng)到要導(dǎo)航的頁面就可以了。控件會(huì)自動(dòng)與導(dǎo)航地圖進(jìn)行綁定。
顯示：

TreeView控件顯示導(dǎo)航

TreeView控件通常用來樹形結(jié)構(gòu)的站點(diǎn)導(dǎo)航，可以用來顯示XML、表格或關(guān)系數(shù)據(jù)。
基本的操作：
TreeView每個(gè)節(jié)點(diǎn)其實(shí)都一個(gè)是個(gè)TreeNode類的對(duì)象?？梢酝ㄟ^編程操作TreeNode對(duì)象動(dòng)態(tài)的添加和修改?？梢酝ㄟ^數(shù)據(jù)源控件進(jìn)行綁定，例如通過SiteMapDataSource空調(diào)感覺愛你或XmlDataSource控件。
TreeViewcollapseAll()和ExpandAll()方法折疊和展開節(jié)點(diǎn)。利用Nodes.Add()方法添加到節(jié)點(diǎn)到控件中，Nodes.Remove()方法刪除指定節(jié)點(diǎn)。
DEMO：

在這里只是為了熟悉TreeView，也沒有實(shí)現(xiàn)，鼠標(biāo)右擊對(duì)TreeView操作，和只刷新TreeView控件，以及和數(shù)據(jù)綁定。只是為了熟悉TreeView而熟悉TreeView。
myTreeView代碼：

<%@ PageLanguage="C#" AutoEventWireup="true"CodeFile="Menu.aspx.cs"Inherits="Menu" %>  
 
  
  
    
  
  
   
  
     
  
  
   
     
       
       
       
       
        
       
       
       
       
       
       
       
     
    
   
  

 C#代碼：

public partial class chap_myTreeView: System.Web.UI.Page  
{ 
  //移除當(dāng)前節(jié)點(diǎn)  
  protectedvoid RemoveNode_Click(object sender, EventArgs e) 
   { 
     //如果存在當(dāng)前節(jié)點(diǎn)。 
     if (myTreeView.SelectedNode !=null) 
    {     
      //獲取當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)。 
      TreeNode parentNode= myTreeView.SelectedNode.Parent; 
      //移除當(dāng)前節(jié)點(diǎn)。 
      if (parentNode !=null) 
      { parentNode.ChildNodes.Remove(myTreeView.SelectedNode); } 
       else 
      { 
         myTreeView.Nodes.Remove(myTreeView.SelectedNode);  
      } 
    } 
  } 
   //添加當(dāng)前節(jié)點(diǎn)。 
  protectedvoid AddNode_Click(object sender, EventArgse)  
  { 
     //如果添加當(dāng)前節(jié)點(diǎn)的值為空，則返回。 
 
    if (txtAdd.Text.Trim().Length <1) 
    { 
       return; 
    } 
     //建立節(jié)點(diǎn)的childNode，設(shè)置Value屬性。 
     TreeNode chileNode = new TreeNode(); 
    //給新加的節(jié)點(diǎn)賦值。 
    chileNode.Value = txtAdd.Text.Trim(); 
    //判斷是否選中一個(gè)節(jié)點(diǎn)。 
    if (myTreeView.SelectedNode !=null)//如果存在當(dāng)前節(jié)點(diǎn)。 
    { 
       //將新的childNode對(duì)象添加到當(dāng)前節(jié)點(diǎn)。 
      myTreeView.SelectedNode.ChildNodes.Add(chileNode); 
      txtAdd.Text = ""; 
    } 
    else 
     { 
      //作為根節(jié)點(diǎn)添加到樹中。 
      myTreeView.Nodes.Add(chileNode); 
      //清楚文本框。 
     txtAdd.Text = ""; 
    }  
  }  
  //將樹全部的折疊。 
  protectedvoid FlodNodes_Click(object sender, EventArgs e)  
  { 
     myTreeView.CollapseAll();//將樹全部折疊起來. 
  } 
   //全部展開. 
  protectedvoid OpenAllNode_Click(object sender, EventArgs e) 
  { 
    myTreeView.ExpandAll();//全部展開樹.  
  } 
}

效果：

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“ASP.NET網(wǎng)站導(dǎo)航及導(dǎo)航控件的使用方法”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

網(wǎng)站名稱：ASP.NET網(wǎng)站導(dǎo)航及導(dǎo)航控件的使用方法-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址：http://weahome.cn/article/dgpsjp.html