使用Tabnav来简化页面tab布局

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 )

分享到：

雪感——2007年北京的第一场雪 | 学习页面缓存

• 2007-12-11 17:55
• 浏览 1370
• 评论(0)
• 论坛回复 / 浏览 (0 / 2469)
• 查看更多