Add a breadcrumb navigation to the frame
1. Create a class
usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Text;namespaceSAS. model.admincommon{ Public classBreadcrumbsmodel { PublicBreadcrumbsmodel () {breadcrumblist=NewList<breadcrumbmodel>(); } Public BOOLIsonlyindex {Get;Set; } Public stringCurrentname {Get;Set; } PublicList<breadcrumbmodel> Breadcrumblist {Get;Set; } } Public classBreadcrumbmodel { Public BOOLIsindex {Get;Set; } Public BOOLisparent {Get;Set; } Public stringName {Get;Set; } Public stringIcon {Get;Set; } Public stringURL {Get;Set; } Public stringId {Get;Set; } }}
2. Create a partial view
PublicPartialviewresult BreadCrumbs (stringID) {List<BPMS_SysMenu> list =NewList<bpms_sysmenu>(); StringBuilder strwhere=NewStringBuilder (); Bpms_sysmenu Parentmodule=NewModel.bpms_sysmenu (); Bpms_sysmenu Childmodule=NewModel.bpms_sysmenu (); List=BLL. Getmodellist (Strwhere.tostring ()); varModel =NewBreadcrumbsmodel (); Parentmodule=BLL. Getmodel (ID); varmodule = BLL. Getmodellist (Strwhere.tostring ()). FirstOrDefault (d = d.menuid = =Parentmodule.parentid); if(Module! =NULL) { varParentmodel =NewBreadcrumbmodel {isparent=true, Name=module. FullName,//URL = module. NAVIGATEURL,Icon =module. IMG}; Model. Breadcrumblist.add (Parentmodel); varCurrentmodel =NewBreadcrumbmodel {isparent=false, Name=Parentmodule.fullname, Url=Parentmodule.navigateurl, Id=Parentmodule.menuid, Icon="" }; Model. Currentname=Currentmodel.name; Model. Breadcrumblist.add (Currentmodel); Viewbag.currenttitle=Parentmodule.fullname; } returnPartialview (model); }
3. Add the Navigation view code to the page
@using SAS. Model.admincommon@model Breadcrumbsmodel<Divclass= "Page-bar"> <ulclass= "Page-breadcrumb">@foreach (var item in model.breadcrumblist) {if (item. Isindex) {<Li> <Iclass= "@item. Icon "></I> <ahref= "@Url. Action ("index "," main ", new { area= "Admin"}) "Title= "@item. Name ">@item. Name</a> <Iclass= "fa fa-angle-right"></I> </Li>} else {if (Model.BreadCrumbList.Count > 1) { if (item. Isparent) {<Li> <Iclass= "@item. Icon "></I> <ahref= "javascript:void (0)"title= "@item. Name ">@item. Name</a> <Iclass= "fa fa-angle-right"></I> </Li>} else {<Li> <ahref= "@[email protected]">@item. Name</a> </Li> } } } } </ul></Div><H3class= "Page-title">@Model. Currentname</H3>
4. Finally, in the place to be displayed, add a piece of code, you can run
@{html.renderaction ("BreadCrumbs", "Main", new {id = @ViewBag. CLASSID});}
ASP. NET MVC uses breadcrumb navigation in projects