最近在做的一个ROR的web项目中遇到如下问题:
产品可以按类分类导航浏览,主要可以分为A,B,C三类,三类之下还有其他分类,同时,基类和其下 的分类都可以由用户扩展。从横向上,主类可以由用户扩展,纵向上,用户也可以扩展。
类别信息存储与categories表中:
id:integer 主键
name:string 类别名称
parentid:integer 类别的父类
要求:
生成导航菜单,并且可以含有子类的菜单可以通过点击展开或关闭,并且可以按类别导航产品。
实现Ruby on Rails导航菜单:
通过深度优先遍历来生成菜单,在便利过程中构建菜单的html编码,主要是使用了一个@htmlmenu的 string来拼接生成的html代码,最终显示在页面中。
Ruby on Rails导航菜单代码:
def index @htmlmenu="" @htmlmenu+= "< ul>" @root = Category.find(:all,:conditions=>['parentid=0']) @root.each { |item| if Category.find_by_parentid(item.id) @htmlmenu+= "< li>< a href='#ChildMenu#{item.id}' onclick=\"DoMenu ('ChildMenu#{item.id}')\">" else @htmlmenu+= "< li>< a href='/categories/#{item.id}'>" end @htmlmenu+= item.name @htmlmenu+= "< /a>" buildmenu item @htmlmenu+= "< /li>" } @htmlmenu+= "< /ul>" end private def buildmenu category @children = Category.find_all_by_parentid(category.id) if @children.size!=0 @htmlmenu+= "< ul id='ChildMenu#{category.id}' class='collapsed'>" @children.each { |item| if Category.find_all_by_parentid(item.id).size!=0 @htmlmenu+= "< li>< a href='#ChildMenu#{item.id}' onclick=\"DoMenu('ChildMenu#{item.id}')\">" else @htmlmenu+= "< li>< a href='/categories/# {item.id}'>" end @htmlmenu+= item.name @htmlmenu+= "< /a>" buildmenu item @htmlmenu+= "< /li>" } @htmlmenu+= "< /ul>" end end
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索导航
, item
, 菜单
, 类别
, category
, children
tocify菜单生成器
js 递归生成导航菜单、ruby on rails、ruby on rails 教程、ruby rails、ruby on rails pdf,以便于您获取更多的相关知识。