如何配置引导5下拉菜单的Wayfinder (MODx)

Question

如何配置MODx中的"Wayfinder“以获得一个引导5输出。专门为“下拉式潜艇”。

<div class="collapse navbar-collapse" id="navbarCollapse">
              <ul class="navbar-nav me-auto mb-2 mb-md-0">
                <li class="nav-item active">
                  <a class="nav-link active" aria-current="page" href="#">Home</a>
                </li>
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#">Project</a>
                    <ul class="dropdown-menu">
                      <li><a class="dropdown-item" href="#">Action</a></li>
                      <li><a class="dropdown-item" href="#">Another action</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">How-To</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">About</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Contact</a>
                </li>
           </div>

我认为它必须是innerTpl和innerRowTpl。正常(1级菜单)工作。只是不是子菜单。我该如何配置呢？

Wayfinder呼叫：

[[Wayfinder? &startId=`0` &level=`2` &outerClass=`navbar-nav me-auto mb-2 mb-md-0` &rowTpl=`tpl_navigation-menu` &rowClass=`nav-item` &innerTpl=`innerTpl` &innerRowTpl=`innerRowTpl`]]

&rowTpl：

<li[[+wf.id]][[+wf.classes]]><a href="[[+wf.link]]" class="nav-link" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>

&innerTpl和innerRowTpl仍然是空白。

有人想出主意了吗？

Answer 1

好的,

这是最后的解决办法。(对于那些像我一样与寻路者斗争的人)

[[Wayfinder? 
&startId=`0`
&level=`2`
&outerClass=`navbar-nav me-auto mb-2 mb-md-0`
&innerClass=`dropdown-menu`
&rowTpl=`tpl_row`
&parentRowTpl=`tpl_parentrow`
&innerRowTpl=`tpl_innerrow`
]]

块用于tpl_row:

<li class="nav-item [[+wf.classnames]]">
    <a class="nav-link" href="[[+wf.link]]">[[+wf.linktext]]</a>
    [[+wf.wrapper]]
</li>

块用于tpl_parentrow:

<li class="nav-item dropdown [[+wf.classnames]]">
    <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="[[+wf.link]]">[[+wf.linktext]]</a>
    [[+wf.wrapper]]
</li>

块用于tpl_innerrow:

<li class="[[+wf.classnames]]">
    <a class="dropdown-item" href="[[+wf.link]]">[[+wf.linktext]]</a>
    [[+wf.wrapper]]
</li>

Answer 2

寻路器经常在这里混淆--不幸的是，请看一下片段文档图解，它将帮助您理解用来形成菜单子元素的块。