使用Tabnav来简化页面tab布局

最新推荐文章于 2024-05-01 23:54:50 发布

最新推荐文章于 2024-05-01 23:54:50 发布 · 781 阅读

文章标签：

#SVN #Ruby #Rails #HTML

RoR 专栏收录该内容

6 篇文章

订阅专栏

Tabnav是SeeSaw的Widgets中的一部分，可以非常方便的实现tab

1、plugin

ruby script/plugin install svn://svn.seesaw.it/widgets/trunk

2、创建一组tab

ruby script/generate tabnav Main

    这条指令会产生下列几个文件：
      create app/views/tabnav
    create app/models/main_tabnav.rb
      create app/views/tabnav/_main_tabnav.rhtml

    在main_tabnav.rb文件中定义一组tab；
    在 _main_tabnav.rhtml文件中设置tab的样式。

3、使用
    Tabnav的使用非常简单，只要在需要使用tab的页面添加下列代码即可

<%= start_tabnav :main %> <%= @content_for_layout %> <%= end_tabnav %>

符号:main用来指定main_tabnav.rb这个model;
<%= @content_for_layout %> 这句实现了与<%=yield%>相同作用，并将渲染的页面置于“main_tabnav_content”这个样式中。如果不希望使用这个样式，只需一行代码：

<%= tabnav :main %>

4、定义tab
    可以通过以下几个特性定义一个tab：
    named:      tab显示的名字
    titled:         为tab增加一个‘title’的html属性
    links_to:    为tab指定链接，使用同url_for
    show_if:    参数为一个string，定义tab显示的条件，如“params[:admin] == true ”
    highlights_on: 定义其他的需要高亮显示这个tab的controller or action
5、其他
    定义tab的文件都创建在model路径下，不便于管理，可以放在lib/tabnav路径下，同时修改environment.rb文件：

config.load_paths += %W( #{RAILS_ROOT}/lib/tabnav )