Navigatsioonielemendid ASP.Net's Veebistuudiumi õppematerjalist

From ICO wiki
Jump to navigationJump to search

Õppeaine: Veebirakenduste loomine ASP.NET abil

Navigatsioonielemendid ASP.Net's

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

Menüü võimaldab kasutajal lihtsalt leida veebirakenduses olevat informatsiooni. Menüü sisu on võimalik sisestada nii staatiliselt (nagu on näha allolevast näitest), kui ka lugeda andmebaasist.

<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>

TreeView

TreeView võimaldab vaadelda hierarhilisi andmeid puu kujul. Puud on võimalik moodustada nii staatiliselt (nagu näha allolevast näitest) kui ka moodustada dünaamiliselt andmebaasis olevate andmete järgi.

<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>