【问题标题】:Displaying index view of a model using twitter-bootstrap tab使用 twitter-bootstrap 选项卡显示模型的索引视图
【发布时间】:2012-05-14 09:59:05
【问题描述】:

我不确定如何使用 twitter 引导选项卡显示模型的索引视图。我有以下代码,但它给了我一个缺少模板的错误。谢谢。

application.html.erb

<ul id="myTab" class="nav nav-tabs">
  <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
  <li><a href="#profile" data-toggle="tab">Profile</a></li>
</ul>
<div id="myTabContent" class="tab-content">
  <div class="tab-pane fade in active" id="home">
    <p>Home...</p>
  </div>
  <div class="tab-pane fade" id="profile">
    <%= render :template => 'goals#index' %>
  </div>
</div>

更新 1:显示 rake 路由的输出

                  goals GET    /goals(.:format)                  goals#index
                        POST   /goals(.:format)                  goals#create
               new_goal GET    /goals/new(.:format)              goals#new
              edit_goal GET    /goals/:id/edit(.:format)         goals#edit
                   goal GET    /goals/:id(.:format)              goals#show
                        PUT    /goals/:id(.:format)              goals#update
                        DELETE /goals/:id(.:format)              goals#destroy

更新 2:错误输出

缺少带有 {:locale=>[:en], :formats=>[:html], :handlers=>[:erb, :builder, :coffee]} 的模板 /goals#index。搜索:

干杯, 阿兹伦

【问题讨论】:

    标签: ruby-on-rails twitter-bootstrap


    【解决方案1】:

    从我可以看出你想要渲染控制器的索引操作,所以我建议在相应的视图目录中创建一个 index.html.erb,它呈现关于缺少模板的错误的原因是因为它在视图中搜索模板>controller_name>action.html.erb

    如果您使用的操作不是 CRUD(创建、读取、更新销毁),请确保将其添加到您的 routes.rb

    resource :controller do
      collection do 
        get 'action'
        post 'action', path: "value"
      end
    end
    

    【讨论】:

    • CRUD 动作中的 1 个,即索引动作。我已经用我的路线输出更新了我上面的问题。
    • 因此,当您的控制器是目标并且操作是索引时,您需要将文件添加到 view>goals>index.html.erb 至此模板。现在在此文件中输入您需要在应用程序布局的 方法中显示的标记。
    • 我确实有那个文件。如果我转到localhost:3000/goals,它将正确显示目标的索引视图。还有什么我错过的吗?谢谢。
    • 您可能希望在您的 routes.rb 中设置您的根 :to => "goals#index" 以立即显示索引模板。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-03-04
    • 1970-01-01
    • 2013-06-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多