PbootCms导航菜单标签的这些小技巧你都知道吗

简介: PbootCms导航菜单标签的这些小技巧你都知道吗

这里我把一些小白常遇到的问题理一理,希望对新手有些帮助,当然,最好还是提升下自身的基础知识储备,早日走向大神之路。

<span style="font-size:14px;">
    {pboot:nav}
        <a href="[nav:link]">[nav:name]</a>
    {/pboot:nav}
</span>

HTML

复制

控制参数

控制参数: num=* 数量,非必填,用于控制输出的数量

parent=* 父菜单编码,非必填,用于控制输出列表的父菜单编码,默认0,即从一级菜单开始输出

以下三个常用于导航的循环嵌套中

parent={ sort:pcode } 可用于输出当前栏目的同级菜单

parent={ sort:scode } 可用于输出当前栏目的子菜单

parent={ sort:tcode } 可用于输出当前栏目顶级菜单的子菜单

场景1

后台有10个一级栏目,只需要显示前5个,这样写

<span style="font-size:14px;">
    {pboot:nav num=5}
        <a href="[nav:link]">[nav:name]</a>
    {/pboot:nav}
</span>

HTML

复制

场景2

那剩下的5个导航菜单我要在其他位置显示该怎么办呢?

可以使用if判断标签来实现

解释一下上面的代码:(新手好好看,思路是最主要的)

首先调用10个菜单,然后使用if判断,当循环到第六个的时候开始显示。那么这样显示的结果就是从第六个开始到第十个导航菜单。

相关文章
layUI数据表格可编辑扩展下拉框
layUI数据表格可编辑扩展下拉框
187 0
Navicate如何全部选中表,点击表,然后移动到右侧,右侧可以选中,实现拖拽
Navicate如何全部选中表,点击表,然后移动到右侧,右侧可以选中,实现拖拽
|
JavaScript 前端开发 Java
31jqGrid 行编辑- 自定义编辑
31jqGrid 行编辑- 自定义编辑
53 0
|
API
Vue2.x-02根据条件动态设置下拉框、时间选择器、文本框是否可编辑
Vue2.x-02根据条件动态设置下拉框、时间选择器、文本框是否可编辑
227 0
Vue2.x-02根据条件动态设置下拉框、时间选择器、文本框是否可编辑
标签页+标签编辑页
标签页+标签编辑页
103 0
|
存储 JavaScript
行内表单 在统一行显示搜索框 下拉框 按钮
行内表单 在统一行显示搜索框 下拉框 按钮
行内表单 在统一行显示搜索框 下拉框 按钮
pbootcms当前位置面包屑中的首页如何改成英文
pbootcms当前位置面包屑中的首页如何改成英文
388 0
在不同的页面上显示不同的Joomla模板样式
模板样式是Joomla中非常强大的功能。它们允许您将同一模板的不同版本分配给特定页面。 在本教程中,我将向您展示如何分配两种模板样式。我们将为主页分配一种样式,为站点的其余部分分配另一种样式。 第1步.复制模板样式安装模板时,默认情况下会生成单个模板样式。
|
Web App开发
Bootstrap学习笔记--下拉菜单,折叠,菜单,标签,Pills
下拉菜单: 下拉菜单是比较常见的 直接看源码: .dropdown表示下拉框 按钮和下拉框都要放在dropdown类的div下 要打开下拉菜单,请使用按钮或具有属性的类.
3239 0