Navigatsioonielemendid ASP.Net's Veebistuudiumi õppematerjalist

Navigeerimiselemendid

Navigeerimiseks mõeldud serveri kontrollid pakuvad mugavaid veebirakenduses navigeerimise võimalusi. Navigaatoreid on kokku kolm.

SiteMapPath

<asp:SiteMapPath ID="smpKoht" runat="server"/>

SiteMapPath näitab kasutajale loogilist paiknemist veebirakenduse struktuuris. Paiknemist näidatakse analoogselt URLile või failisüsteemis kataloogiteekonnale.

SiteMap kasutamiseks tuleb veebi juurkataloogi lisada web.sitemap fail, milles kirjeldate ära veebi loogilise struktuuri. Web.sitemap on XML fail, mis vastab SiteMap-File skeemile (schema). Faili sisu võiks siis välja näha midagi sellist:

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
  <siteMapNode url="~/Default.aspx" title="Avaleht">
    <siteMapNode url="~/Default1.aspx" title="1. katse" />
    <siteMapNode url="~/Default2.aspx" title="2. katse" >
      <siteMapNode url="~/Default3.aspx" title="variant 1" />
      <siteMapNode url="~/Default4.aspx" title="variant 2" />
    </siteMapNode>
  </siteMapNode>
</siteMap>

Sitemap failis peab ära kirjeldama kõikide lehekülgede loogilise positsiooni, kuhu kasutaja võib sattuda. Vajadusel saab seal pakkuda isegi erinevaid lahendusi vastavalt URLis nähtavatele parameetritele.

Kuna veebisirvija Back nupu programne haldamine on väga keeruline siis kasutatakse tagasi liikumise võimaldamiseks enamasti SiteMapPath kontrollil baseeruvat struktuuri. Mõnikord kutsutakse sellist navigeerimisvahendit ka leivapuruks (kunstmuinasjutu järgi, kus leivapuru järgi püüti koju tagasi minna).

Menu

<asp:Menu ID="menyy" runat="server">

   <Items>
       <asp:MenuItem Text="Avaleht" />
       <asp:MenuItem Text="Mingid asjad" >
           <asp:MenuItem Text="Variant 1" />
           <asp:MenuItem Text="Variant 2" />
       </asp:MenuItem>
       <asp:MenuItem Text="Veel midagi" />
   </Items>

</asp:Menu> Menüü võimaldab kasutajal lihtsalt leida veebirakenduses olevat informatsiooni. Menüü sisu on võimalik sisestada nii staatiliselt (nagu on näha ülalolevast näitest), kui ka lugeda andmebaasist. TreeView <asp:TreeView ID="TreeView1" runat="server">

 <Nodes>
   <asp:TreeNode Text="Avaleht" />
   <asp:TreeNode Text="Mingid asjad" >
     <asp:TreeNode Text="Variant 1" />
     <asp:TreeNode Text="Variant 2" />
   </asp:TreeNode>
   <asp:TreeNode Text="Veel midagi" />
 </Nodes>

</asp:TreeView> TreeView võimaldab vaadelda hierarhilisi andmeid puu kujul. Puud on võimalik moodustada nii staatiliselt (nagu näha ülal olevast näitest) kui ka moodustada dünaamiliselt andmebaasis olevate andmete järgi. Ülesandeid

• Koosta menüüga pealeht (master) ning sealt viited mitmele alamlehele
• Lisa lehestikus asukohta näitav SiteMap
• Paiguta lehestiku lehed mõttes puukujulisse struktuuri. Aita navigeerimisel kasutajat TreeView-ga