ASP.NET 2.0 - नेविगेशन (Navigation)

ASP.NET 2.0 में बाइन नेविगेशन नियंत्रक है

वेबसाइट नेविगेशन

बड़े साइट के नेविगेशन मेन्यू को रखरखाव करना मुश्किल और समय लेने वाला है。

ASP.NET 2.0 में, मेन्यू फ़ाइल में संग्रहीत किया जा सकता है, जिससे इसकी रखरखाव करना आसान होता है। यह फ़ाइल आमतौर पर इस नाम से होती है web.sitemapसाइट के मुख्य डिरेक्ट्री में रखे गए हैं。

इसके अलावा, ASP.NET 2.0 में तीन नए नेविगेशन नियंत्रक हैं:

  • डायनेमिक मेन्यू
  • ट्रीव्यू
  • साइट मैप पथ

Sitemap फ़ाइल

इस ट्यूटोरियल में नीचे के sitemap फ़ाइल का इस्तेमाल किया जाता है (साइट मैप):

<?xml version="1.0" encoding="ISO-8859-1" ?>
<siteMap>
  <siteMapNode title="Home" url="/aspnet/w3home.aspx">
  <siteMapNode title="Services" url="/aspnet/w3services.aspx">
    <siteMapNode title="Training" url="/aspnet/w3training.aspx"/>
    <siteMapNode title="Support" url="/aspnet/w3support.aspx"/>
  </siteMapNode>
  </siteMapNode>
</siteMap>

sitemap फ़ाइल के निर्माण के नियम:

  • XML फ़ाइल में सारे सारे <siteMap> टैग विषय रहना चाहिए
  • <siteMap> टैग केवल एक <siteMapNode> उप-आयाम ("घर" पृष्ठ) हो सकता है
  • प्रत्येक <siteMapNode> की कई उप-आयाम (वेब पृष्ठ) हो सकते हैं
  • प्रत्येक <siteMapNode> पृष्ठ शीर्षक और URL की विशेषता है

टिप्पणी:साइटमैप फ़ाइल को साइट के मुख्य डिरेक्ट्री में रखना होगा, URL विशेषता उस मुख्य डिरेक्ट्री के तुल्य होनी चाहिए。

डायनेमिक मेन्यू

<asp:Menu> नियंत्रक स्टैंडर्ड साइट नेविगेशन मेन्यू दिखाता है。

कोड उदाहरण:

<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form>

ऊपरी उदाहरण में <asp:Menu> नियंत्रकयह एक सर्वर द्वारा नेविगेशन मेनू के लिए आसानी से बनाया गया है।

नियंत्रक का डाटा स्रोत DataSourceId अधिरेखावर्णित करें。id="nav1" इसे जोड़ें <asp:SiteMapDataSource> नियंत्रक。

<asp:SiteMapDataSource> नियंत्रकस्वचालित रूप से मूलभूत sitemap फ़ाइल के साथ जोड़ देगा (web.sitemap)

यहाँ क्लिक करके Menu का DEMO देखें。

TreeView

<asp:TreeView> नियंत्रक को बहुस्तरीय नेविगेशन मेनू दिखाया जा सकता है。

इस तरह का मेनू एक पत्ती वाले पेड़ की तरह दिखता है, जिसे + या - सिंबोल के द्वारा खोला या बंद किया जा सकता है。

कोड उदाहरण:

<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form>

ऊपरी उदाहरण में <asp:TreeView> नियंत्रकयह एक सर्वर द्वारा नेविगेशन मेनू के लिए आसानी से बनाया गया है।

नियंत्रक का डाटा स्रोत DataSourceId अधिरेखावर्णित करें。id="nav1" इसे जोड़ें <asp:SiteMapDataSource> नियंत्रक。

<asp:SiteMapDataSource> नियंत्रकस्वचालित रूप से मूलभूत sitemap फ़ाइल के साथ जोड़ देगा (web.sitemap)

यहाँ क्लिक करके TreeView का DEMO देखें。

SiteMapPath

SiteMapPath नियंत्रक वर्तमान पृष्ठ के लिए इंडिकेटर दिखा सकता है (नेविगेशन पथ)। यह पथ उपरी पृष्ठ के लिए क्लिक करने वाले लिंक के रूप में दिखाया जाता है。

TreeView और Menu नियंत्रकों के विपरीत, SiteMapPath नियंत्रकइस्तेमाल न करें SiteMapDataSource.SitemapPath नियंत्रक डिफ़ॉल्ट रूप से web.sitemap फ़ाइल का उपयोग करता है。

सूचना:यदि SiteMapPath ठीक तरीके से दिखाया नहीं है, तो यह शायद web.sitemap फ़ाइल में URL त्रुटि के कारण है।

कोड उदाहरण:

<form runat="server">
<asp:SiteMapPath runat="server" />
</form>

ऊपरी उदाहरण में <asp:SiteMapPath> नियंत्रकयह एक सर्वर द्वारा नेविगेशन मेनू के लिए आसानी से बनाया गया है।

यहाँ क्लिक करके SiteMapPath का DEMO देखें。