DedeCMS实现树型菜单的方法

softyun3年前cms教程129

给大家分享一下织梦DedeCMS实现树型菜单的方法,经证实可用,希望能帮助到你
treeview是JQUERY树形菜单显示的插件,支持COOKIE。
今天终于把这个插件成功移植到CMS上了。
支持DEDECMS版本:5.6测试通过,5.7测试通过
不多说了,看图:

下载地址:本地下载
安装说明:下载后直接解压所有文件到dedecms目录下面即可,然后按照下面的使用说明....(压缩包里面也有使用说明)
下面附上使用说明:
把以下代码加入到<head></head>中间或者直接加入到公共文件中..

<script src="{dede:global.cfg_cmsurl/}/images/js/j.js" type="text/javascript"></script> 
<script src="{dede:global.cfg_cmsurl/}/js/jquery.cookie.js" type="text/javascript"></script> 
<script src="{dede:global.cfg_cmsurl/}/js/jquery.treeview.js" type="text/javascript"></script> 
<script src="{dede:global.cfg_cmsurl/}/js/treeview.demo.js" type="text/javascript"></script> 
<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/style/jquery.treeview.css" /> 
然后把标签加入到要显示的地方:

<ul id="navigation"> 
     {dede:cattree typeid='4'}{/dede:cattree}  
</ul> 
-------------其他次要说明--------------------
treeview另外两种风格使用:

<ul id="red" > 
  {dede:cattree typeid='4'}{/dede:cattree}  
</ul> 
<ul id="black" > 
   {dede:cattree typeid='4'}{/dede:cattree}  
</ul> 
treeview默认合并(展开)说明:
1.打到js/treeview.demo.js文件
2.比如说现在用的风格是"navigation",找到以下代码:

$("#navigation").treeview({ 
persist: "location", 
collapsed: true, 
unique: true 
}); 
代码中“collapsed: true,”这一行就是控制合并还是展开的,默认是true就是合并
如果默认展开设置为 false 即可!
仅供大家参考学习,需要的可以记录下。

免责声明:本文内容来自用户上传并发布,站点仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请核实广告和内容真实性,谨慎使用。

相关文章

秀站网分享:Dedecms移动站静态化操作方法

《织梦移动化攻略全分享专题》获得了大量管理员的关注,很大程度的降低了PC站移动化的难度,但美中不足的是移动端的URL只能动态实现。这次站长社区超级版主—洪石陈,又为大家带来了福利《 Dedecms移动...

DedeCms开启多站点支持的简明教程

这里假设条件为:E:\web 为 2500875E:\WEB\test 为 test.2500875开启多站点支持参数建顶级栏目建顶级栏目建子栏目:由于3.1版增加了{cmspath}这变...

DedeCms教程:DedeCMS关键词替换问题较完美解决方案

问题描述 织梦内容关键词替换的时候存在一个错误:如果拥有两个关键词,例如“CIT” cit/tags/cit和“CIT信息网” cit,但在文章替换的时候我们发现就会出现问题,链接变成了: &l...

织梦dedecms友情连接不能更改,报错解决办法

织梦dedecms友情连接不能更改,报错解决办法织梦dedecms友情连接添加或者更改时报错:PHP Fatal error: Call to undefined method Request::fi...

dedecms指定栏目搜索和按栏目分类搜索下拉

今天教大家如何实现dedecms指定栏目搜索和按栏目分类搜索下拉,仅供学习参考,希望对你有所帮助织梦dedecms指定栏目搜索实现办法: 在搜索结果页添加:<input type=”hidden...

DEDE出现“Upload filetype not allow”的原因及解决办法

本人是在近日升级DEDE5.6以后出现这个问题的,以下说明错误原因和解决办法。 如果有同学是按某些朋友用删除代码的方法解决问题的话,建议你修正此做法,毕竟这是有很大安全风险的。而DEDE本身的安全隐患...