Manoj Maharana Ответов: 1

Как получить путь к панировочным сухарям в теге привязки li HTML MVC


Here is my example:

<ul>
        <li><a href="GrandParent.html">Grand Parent</a>
            <ul>
                <li><a href="Parent.html">Parent</a>
                    <ul>
                        <li><a href="child.html">child</a></li></ul>
                </li>
            </ul>
        </li>
    </ul>


каждый элемент li имеет рядом с ним якорный тег (не показанный в коде, пожалуйста, предположите это).

Теперь, если выбрать значение "Child" из приведенного выше кода, то я должен получить следующий результат "Grand Parent/ Parent / Child", а если я выберу parent, то я должен получить "Grand Parent / Parent"

Так что в основном я хочу получить родителя со всем его ребенком

Вот мой код:
@helper GetTreeView(Abacus_CMS.Models.AbacusModel siteMenu, int parentID)
 {
 var url = new System.Web.Mvc.UrlHelper(Context.Request.RequestContext);
 foreach (var i in siteMenu.AbacusMenuList.Where(a => a.ParentCatagoryId.Equals(parentID)))
 {
         <li>
             @{ var submenu = siteMenu.AbacusMenuList.Where(a => a.ParentCatagoryId.Equals(i.Id)).Count();}
             @if (submenu > 0)
             {

             <li style="margin-left: -6px;">
                 <a href="@url.RouteUrl("GettingStarted", new { catname = HttpUtility.UrlEncode(i.Name.Replace(' ', '-'))})" id="@i.Name.Replace(' ', '-').ToLower()" onclick="GetParents()">
                     <i class="fa fa-chevron-right" aria-hidden="true"style="margin-left: 25px; font-size: 10px;">
                     </i><span class="title" style="margin-left: 0px;">@i.Name</span>
                     <span class="arrow " style="height: 4px;"></span>

                 </a>
                 <ul class="sub-menu">
                     @treeview.GetTreeView(siteMenu, i.Id)
                     @* Recursive  Call for Populate Sub items here*@
                 </ul>
             </li>

             @*<span class="collapse collapsible">&nbsp;</span>*@
             }
             else
             {
                 <a href="@url.RouteUrl("GettingStarted", new { catname = HttpUtility.UrlEncode(i.Name.Replace(' ', '-')) })" style="margin-left: 30px;" id="@i.Name.Replace(' ', '-').ToLower()">

                         @i.Name
                     </a>
                     }

                     </li>

             }
             }

как получить путь к хлебным крошкам в виде текста??

1 Ответов

Рейтинг:
0

Sinisa Hajnal

Используйте jQuery, есть несколько фрагментов, которые вы могли бы использовать: Примеры кода Bootstrap и jQuery breadcrumb | Bootsnipp.com[^]

Если вы не можете этого сделать, вам нужно взять элемент clicked и перебрать его родителей (вызывая parentElement) и заполнить некоторый массив, к которому вы присоединитесь, когда закончите.