PRACTICALES:- Navigation control

Transcription

1 PRACTICALES:- Navigation control Navigation controls are use to shift control from one page to another. ASP.NET has three new navigation controls: Dynamic menus:- The <asp:menu> control displays a standard site navigation menu. TreeViews:- The <asp:treeview> control displays a multi level navigation menu.the menu looks like a tree with branches that can be opened or closed with + or - symbol. Site Map Path:- The SiteMapPath control displays the trail (navigation path) to the current page. The path acts as clickable links to previous pages. Unlike the TreeView and Menu control the SiteMapPath control does NOT use a SiteMapDataSource. The SiteMapPath control uses the web.sitemap file by default. Two ways of using navigation controls:- 1. Directly dragging and dropping the controls on the page. In this case only dynamic menu and tree view can only be use.sitemappath control can be used without web,sitemap file. 2. Using web. sitemap data source file. All the three controls can use web. sitemap data source file. First way:- 1. Source:- Dynamic menu control <asp:menu ID="Menu1" runat="server" BackColor="#FFFBD6" Bold="True" Font-Italic="False"Font-Names="Verdana" Font-Size="0.8em" ForeColor="#990000"StaticSubMenuIndent="10px" CssClass="icon" <Items> <asp:menuitem Text="FYBSCIT" Value="FYBSCIT" NavigateUrl="~/Default.aspx"> <asp:menuitem Text="a" Value="a"></asp:MenuItem> <asp:menuitem Text="b" Value="b"></asp:MenuItem> </asp:menuitem> <asp:menuitem Text="SYBSCIT" Value="SYBSCIT"NavigateUrl="~/Default2.aspx"> <asp:menuitem Text="a" Value="a"></asp:MenuItem> <asp:menuitem Text="b" Value="b"></asp:MenuItem> </asp:menuitem> </asp:menu>

2 2. Source:- Treeview control. <asp:treeview ID="TreeView1" runat="server" BackColor="#FF0066" Font-Bold="True" Font-Names="Arial Black" Font-Size="XX-Large" ForeColor="#003300" ImageSet="BulletedList4" ForeColor="#5555DD"> <Nodes> <asp:treenode Text="fy" Value="fy"> <asp:treenode NavigateUrl="~/Default2.aspx" Text="a" Value="a"></asp:TreeNode> </asp:treenode> <asp:treenode Text="sy" Value="sy"> <asp:treenode NavigateUrl="~/Default3.aspx" Text="a" Value="a"></asp:TreeNode> </asp:treenode> </Nodes> </asp:treeview> 3.Source:- SiteMapPath <asp:sitemappath ID="SiteMapPath1" runat="server"> </asp:sitemappath> Second way:- Navigation controls using sitemap path:-: In ASP.NET the menu can be stored in a file to make it easier to maintain. This file is normally called web.sitemap, and is stored in the root directory of the web. step 1:- creating site map:-

3 Sitemap file: Rules for creating a sitemap file: The XML file must contain a <sitemap> tag surrounding the content The <sitemap> tag can only have one <sitemapnode> child node (the "home" page) Each <sitemapnode> can have several child nodes (web pages) Each <sitemapnode> has attributes defining page title and URL Step-2 :-Connecting sitemap with asp.net navigation control:- 1. Dynamic Menu <asp:menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1"> </asp:menu> <asp:sitemapdatasource ID="SiteMapDataSource1" runat="server" /> The <asp:sitemapdatasource> control automatically connects to the default sitemap file (web.sitemap).

4 2. TreeView <asp:treeview ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1"> </asp:treeview> <asp:sitemapdatasource ID="SiteMapDataSource1" runat="server" /> The <asp:sitemapdatasource> control automatically connects to the default sitemap file (web.sitemap). 3. SitemapPath <asp:sitemappath ID="SiteMapPath1" runat="server"> </asp:sitemappath>

5

6 Programetic redirection using System.Web.UI; using System.Web.UI.WebControls; public partial class Default3 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) {

7 // Respod.redirect // Response.Redirect("default4.aspx?uname=Leena&amt=10000"); } protected void Button1_Click1(object sender, EventArgs e) { //Response.Redirect("default4.aspx?uname="+TextBox1.Text + //"&amt=" + TextBox2.Text); // Server.transfer(server side redirection) Server. Transfer ("default4.aspx? Uname=" + TextBox1.Text + "&amt=" + TextBox2.Text); } } *******