說明：用于獲取頁面導(dǎo)航列表

使用方法： {% navList 變量名稱 %} 如將變量定義為navs {% navList navs %}...{% endnavList %}，也可以定義為其他變量名稱，定義后，需要與下面的for循環(huán)使用的變量名稱一致。

navList 支持的參數(shù)有

• 導(dǎo)航列表ID typeId typeId 為后臺(tái)的導(dǎo)航類別ID，默認(rèn) typeId=1，如果后臺(tái)設(shè)置了多個(gè)導(dǎo)航類別，可以通過typeId 來指定調(diào)用。
• 站點(diǎn)ID siteId siteId 一般不需要填寫，如果你使用后臺(tái)的多站點(diǎn)管理創(chuàng)建了多個(gè)站點(diǎn)，并且想調(diào)用其他站點(diǎn)的數(shù)據(jù)，則可以通過指定 siteId 來實(shí)現(xiàn)調(diào)用指定站點(diǎn)的數(shù)據(jù)。

navList 需要使用使用 endnavList 標(biāo)簽表示結(jié)束，中間使用for循環(huán)輸出內(nèi)容。

navs 是一個(gè)數(shù)組對(duì)象，因此需要使用 for 循環(huán)來輸出

item 為for循環(huán)體內(nèi)的變量，可用的字段有：

• 導(dǎo)航標(biāo)題 Title
• 子標(biāo)題 SubTitle
• 導(dǎo)航描述 Description
• 導(dǎo)航鏈接 Link
• 對(duì)應(yīng)分類ID PageId 如果這個(gè)導(dǎo)航菜單是選擇了分類的話，則存在
• 是否當(dāng)前鏈接 IsCurrent
• 下級(jí)導(dǎo)航列表 NavList 下級(jí)導(dǎo)航內(nèi)同樣具有 item 相同的字段。

代碼示例

{% navList navs %}
<ul>
    {%- for item in navs %}
        <li class="{% if item.IsCurrent %}active{% endif %}">
            <a href="{{ item.Link }}">{{item.Title}}</a>
            {%- if item.NavList %}
            <dl>
                {%- for inner in item.NavList %}
                    <dd class="{% if inner.IsCurrent %}active{% endif %}">
                        <a href="{{ inner.Link }}">{{inner.Title}}</a>
                    </dd>
                {% endfor %}
            </dl>
            {% endif %}
        </li>
    {% endfor %}
</ul>
{% endnavList %}

常見使用實(shí)例

1. 在導(dǎo)航上顯示下拉分類，并且在分類下顯示產(chǎn)品文檔。如圖：

調(diào)用代碼示例，該調(diào)用需要在后臺(tái)已經(jīng)設(shè)置好二級(jí)導(dǎo)航的基礎(chǔ)上（代碼不包含css樣式控制）

<ul>
    {% navList navList with typeId=1 %}
    {%- for item in navList %}
    <li>
        <a href="{{ item.Link }}">{{item.Title}}</a>
        {%- if item.NavList %}
        <ul class="nav-menu-child">
            {%- for inner in item.NavList %}
            <li>
                <a href="{{ inner.Link }}">{{inner.Title}}</a>
                {% archiveList products with type="list" categoryId=inner.PageId limit="8" %}
                {% if products %}
                <ul class="nav-menu-child-child">
                    {% for item in products %}
                    <li><a href="{{item.Link}}">{{item.Title}}</a></li>
                    {% endfor %}
                </ul>
                {% endif %}
                {% endarchiveList %}
            </li>
            {% endfor %}
        </ul>
        {% endif %}
    </li>
    {% endfor %}
    {% endnavList %}
</ul>

1. 在導(dǎo)航上顯示下拉分類，并且在分類下顯示它的下級(jí)分類，如果沒有則不顯示。如圖：

調(diào)用代碼示例，該調(diào)用需要在后臺(tái)已經(jīng)設(shè)置好二級(jí)導(dǎo)航的基礎(chǔ)上（代碼不包含css樣式控制）

<ul>
    {% navList navList with typeId=1 %}
    {%- for item in navList %}
    <li>
        <a href="{{ item.Link }}">{{item.Title}}</a>
        {%- if item.NavList %}
        <ul class="nav-menu-child">
            {%- for inner in item.NavList %}
            <li>
                <a href="{{ inner.Link }}">{{inner.Title}}</a>
                {% if inner.PageId > 0 %}
                    {% categoryList categories with parentId=inner.PageId %}
                    {% if categories %}
                    <ul>
                        {% for item in categories %}
                        <li>
                            <a href="{{ item.Link }}">{{item.Title}}</a>
                        </li>
                        {% endfor %}
                    </ul>
                    {% endif %}
                    {% endcategoryList %}
                {% endif %}
            </li>
            {% endfor %}
        </ul>
        {% endif %}
    </li>
    {% endfor %}
    {% endnavList %}
</ul>