使用Tabnav来简化页面tab布局

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

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

2、创建一组tab
  1. 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的页面添加下列代码即可
  1. <%= start_tabnav :main %>  
  2. <%= @content_for_layout %>  
  3. <%= end_tabnav %>  

    符号:main用来指定main_tabnav.rb这个model;
    <%= @content_for_layout %> 这句实现了与<%=yield%>相同作用,并将渲染的页面置于“main_tabnav_content”这个样式中。如果不希望使用这个样式,只需一行代码:
  1. <%= 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文件:
  1. config.load_paths += %W( #{RAILS_ROOT}/lib/tabnav )  

你可能感兴趣的:(html,SVN,Ruby,Rails)