ASP.NET 2.0 - ਨੇਵੀਗੇਸ਼ਨ (Navigation)

ASP.NET 2.0 ਨੇ ਬੌਧਿਕ ਨੇਵੀਗੇਸ਼ਨ ਕੰਟਰੋਲ ਹਨ。

ਵੈਬਸਾਈਟ ਨੇਵੀਗੇਸ਼ਨ

ਵੱਡੇ ਵੈਬਸਾਈਟ ਦੇ ਨੇਵੀਗੇਸ਼ਨ ਮੇਨੂ ਦੀ ਰੱਖ-ਰਖਾਅ ਕਰਨਾ ਕਠਿਨ ਅਤੇ ਸਮੇਂ ਖਰਾਬ ਕਰਦਾ ਹੈ。

ASP.NET 2.0 ਵਿੱਚ ਮੇਨੂ ਫਾਈਲ ਵਿੱਚ ਸਟੋਰ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ ਜਿਸ ਨਾਲ ਰੱਖ-ਰਖਾਅ ਹੋਰ ਸੁਵਿਧਾਜਨਕ ਹੁੰਦਾ ਹੈ। ਇਹ ਫਾਈਲ ਆਮ ਤੌਰ 'ਤੇ web.sitemapਵੈਬਸਾਈਟ ਦੇ ਮੂਲ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਰੱਖੇ ਗਏ ਹਨ。

ਇਲਾਵਾ، ASP.NET 2.0 ਤਿੰਨ ਨਵੇਂ ਨੇਵੀਗੇਸ਼ਨ ਕੰਟਰੋਲ ਹਨ:

  • Dynamic menus
  • TreeViews
  • Site Map Path

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> ਉਪ ਨੋਡ ("home" page) ਹੋ ਸਕਦਾ ਹੈ
  • ਹਰੇਕ <siteMapNode> ਕਈ ਉਪ ਨੋਡ (web pages) ਹੋ ਸਕਦੇ ਹਨ
  • ਹਰੇਕ <siteMapNode> ਨੂੰ ਪੇਜ ਟਾਈਟਲ ਅਤੇ URL ਦੇ ਵਿਸ਼ੇਸ਼ਤਾ ਹੁੰਦੇ ਹਨ

ਟਿੱਪਣੀਆਂ:sitemap ਫਾਈਲ ਸਾਈਟ ਦੇ ਮੂਲ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ، URL ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੂਲ ਡਾਇਰੈਕਟਰੀ ਤੋਂ ਸਬੰਧਤ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ。

Dynamic Menu

<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> ਕੰਟਰੋਲਆਪਣੇ ਆਪ ਮੂਲਤਬੀ ਸਾਈਟਮੈਪ ਫਾਈਲ ਨਾਲ ਜੋੜੇ ਜਾਂਦੇ ਹਨ (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> ਕੰਟਰੋਲਆਪਣੇ ਆਪ ਮੂਲਤਬੀ ਸਾਈਟਮੈਪ ਫਾਈਲ ਨਾਲ ਜੋੜੇ ਜਾਂਦੇ ਹਨ (web.sitemap)。

ਇੱਥੇ ਕਲਿੱਕ ਕਰਕੇ TreeView ਦਾ DEMO ਦੇਖੋ。

SiteMapPath

SiteMapPath ਕੰਟਰੋਲ ਪ੍ਰਸ਼ਾਸਕ ਪੰਨੇ ਦੀ ਨੇਵੀਗੇਸ਼ਨ ਪਾਥ ਦਿਸਾਉਂਦਾ ਹੈ, ਇਹ ਪਾਥ ਉੱਚ ਪੰਨੇ ਦੇ ਕਿੱਕੇ ਲਿੰਕ ਵਜੋਂ ਦਿਸਾਈ ਜਾਂਦਾ ਹੈ。

TreeView ਅਤੇ Menu ਕੰਟਰੋਲ ਵਿੱਚੋਂ ਅੰਤਰ ਹੈ, SiteMapPath ਕੰਟਰੋਲਨਹੀਂ ਵਰਤੋਂ SiteMapDataSource ਦੀ ਸਾਈਟਮੈਪਸਪੈਥ ਕੰਟਰੋਲ ਮੂਲਤਬੀ ਵਰਤੇ ਜਾਂਦਾ ਹੈ ਕਿ ਵੈੱਬ ਸਾਈਟਮੈਪ ਫਾਈਲ

ਸੁਝਾਅ:ਜੇਕਰ SiteMapPath ਸਹੀ ਤਰ੍ਹਾਂ ਨਾਲ ਦਿਖਾਈ ਨਹੀਂ ਹੈ, ਤਾਂ ਇਹ ਸੰਭਵ ਹੈ ਕਿ web.sitemap ਫਾਈਲ ਵਿੱਚ URL ਤਰਕਸ਼ਿਲ ਹੈ。

ਕੋਡ ਉਦਾਹਰਣ:

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

ਉੱਪਰੋਕਤ ਉਦਾਹਰਣ ਵਿੱਚ <asp:SiteMapPath> ਕੰਟਰੋਲਇੱਕ ਸਰਵਰ ਵੱਲੋਂ ਨੇਵੀਗੇਸ਼ਨ ਮੇਨੂ ਬਣਾਉਣ ਲਈ ਇੱਕ ਥਾਂਪਰਾ ਹੈ。

ਇੱਥੇ ਕਲਿੱਕ ਕਰਕੇ SiteMapPath ਦਾ DEMO ਦੇਖੋ。