Tabstrip
There are various navigation
components that are used in ASP.NET MVC Applications among them
Tabstrip is one of the most useful navigation component that is
used. In case of Tabstrip component user can control the look of
his/her tab by using various configurations like we can insert
images , links etc
![Untitled-1n.gif]()
Controller
using
System.Web.Mvc;
using
MvcApplication7.Models;
namespace
MvcApplication7.Controllers
{
public partial
class TabStripController :
Controller
{
[PopulateSiteMap(SiteMapName = "sample",
ViewDataKey = "sample")]
[SourceCodeFile("Sitemap",
"~/sample.sitemap")]
public ActionResult SiteMapBinding()
{
if (!SiteMapManager.SiteMaps.ContainsKey("sample"))
{
SiteMapManager.SiteMaps.Register<XmlSiteMap>("sample",
sitmap =>
sitmap.LoadFrom("~/sample.sitemap"));
}
return View();
}
}
}
View
<%@ Page Language="C#"
Inherits="System.Web.Mvc.ViewPage"
%>
<asp:Content contentPlaceHolderID="MainContent"
runat="server">
<% Html.mvc().TabStrip()
.Name("TabStrip")
/* ViewData["sample"]
contains the sitemap */
.BindTo("sample",
(item, node) => {
if
(string.IsNullOrEmpty(node.ActionName)
&& node.ChildNodes.Count > 0)
{
if(!string.IsNullOrEmpty(node.ChildNodes[0].ControllerName))
item.ControllerName = node.ChildNodes[0].ControllerName;
if(!string.IsNullOrEmpty(node.ChildNodes[0].ActionName))
item.ActionName =node.ChildNodes[0].ActionName;
}
})
.Render();
%>
</asp:Content>