Rails将链接转换为引导按钮
Rails将链接转换为引导按钮
提问于 2012-11-22 13:11:22
我已经构建了一些代码，使用我视图中的链接对索引页进行排序。链接可以很好地工作，工作代码如下：
<p>
<%= link_to "Sentence", :controller => params[:controller], :action => params[:action], :type => '1', :class => "btn" %>
<%= link_to "Question", :controller => params[:controller], :action => params[:action], :type => '2', :class => "btn" %>
<%= link_to "Mnemonic", :controller => params[:controller], :action => params[:action], :type => '3', :class => "btn" %>
<%= link_to "Article", :controller => params[:controller], :action => params[:action], :type => '4', :class => "btn" %>
<%= link_to "Recommendation", :controller => params[:controller], :action => params[:action], :type => '5', :class => "btn" %>
</p>我希望使用一个按钮组，并在普通HTML中使用Twitter引导程序构建了这个示例：
<div class="btn-group">
<button class="btn">Sentence</button>
<button class="btn">Question</button>
<button class="btn">Mnemonic</button>
<button class="btn">Article</button>
<button class="btn">Recommendation</button>
</div>我无法将链接转换为按钮行。我尝试过各种样式选择，以及尝试使用button_to。理想情况下，我想进一步样式的按钮，以便目前选定的一个是一个不同的颜色与其他。
编辑
建议的HTML输出：
<div class="btn-group">
<a href="/dialog_catagories?class=btn&type=1">Sentence</a>
<a href="/dialog_catagories?class=btn&type=2">Question</a>
<a href="/dialog_catagories?class=btn&type=3">Mnemonic</a>
<a href="/dialog_catagories?class=btn&type=4">Article</a>
<a href="/dialog_catagories?class=btn&type=5">Recommendation</a>
</div>btn-组由于某种原因阻止按钮在页面上呈现，即使它在html中。
编辑2
根据Varun的回答，HTML代码：
<div class="btn-group">
<a href="/dialog_catagories?html%5Bclass%5D=btn&type=1">Sentence</a>
<a href="/dialog_catagories?html%5Bclass%5D=btn&type=2">Question</a>
<a href="/dialog_catagories?html%5Bclass%5D=btn&type=3">Mnemonic</a>
<a href="/dialog_catagories?html%5Bclass%5D=btn&type=4">Article</a>
<a href="/dialog_catagories?html%5Bclass%5D=btn&type=5">Recommendation</a>
</div>溶液
@Varun的建议答案最终奏效了：
<div class="btn-group">
<%= link_to "Sentence", "?type=1", :class => "btn" %>
<%= link_to "Question", "?type=2", :class => "btn" %>
</div>我有点不清楚该功能是如何工作的，因为没有显式地传递以下内容：
:controller => params[:controller], :action => params[:action]但效果很好。谢谢。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-11-22 13:57:29
试试这个：
<div class="btn-group">
<%= link_to "Sentence", :controller => params[:controller], :action => params[:action], :type => '1', :html => { :class => "btn" } %>
<%= link_to "Question", :controller => params[:controller], :action => params[:action], :type => '2', :html => { :class => "btn" } %>
<%= link_to "Mnemonic", :controller => params[:controller], :action => params[:action], :type => '3', :html => { :class => "btn" } %>
<%= link_to "Article", :controller => params[:controller], :action => params[:action], :type => '4', :html => { :class => "btn" } %>
<%= link_to "Recommendation", :controller => params[:controller], :action => params[:action], :type => '5', :html => { :class => "btn" } %>
</div>编辑
试试这个：
<div class="btn-group">
<%= link_to "Sentence", "?type=1", :class => "btn" %>
<%= link_to "Question", "?type=2", :class => "btn" %>
</div>Stack Overflow用户
发布于 2014-05-13 18:15:55
我仍然在Rails 2上，html=> { :class => :btn }没有为我工作。
我这样做了，它呈现/工作得很好。
<div class="btn-group">
<%= link_to "Pool my Order",
{:controller => :purchasing, :action => :search_for_salesdoc,
:sold_to_number => sold_to, doc_number => @cart.doc_number,
:search_option => :pool},
:class => "btn btn-success align-center" %>
</div>Stack Overflow用户
发布于 2012-11-22 13:24:33
您的第一个代码有什么问题，但将p转换为a？引导链接可以被设计成带有类btn的按钮。
<div class="btn-group">
<%= link_to "Sentence", :controller => params[:controller], :action => params[:action], :type => '1', :class => "btn" %>
<%= link_to "Question", :controller => params[:controller], :action => params[:action], :type => '2', :class => "btn" %>
<%= link_to "Mnemonic", :controller => params[:controller], :action => params[:action], :type => '3', :class => "btn" %>
<%= link_to "Article", :controller => params[:controller], :action => params[:action], :type => '4', :class => "btn" %>
<%= link_to "Recommendation", :controller => params[:controller], :action => params[:action], :type => '5', :class => "btn" %>
</div>这个世界..。执行select检测也没有那么困难，只需在link_to中添加一个检查：
<%= link_to "Recommendation", :controller => params[:controller], :action => params[:action], :type => '5', :class => selected? ? "btn btn-primary" : "btn" %>您还必须以某种方式实现所选的？帮手，但我想你能搞清楚的。
更新:您的link_to助手似乎是问题所在，因为您在其中使用了控制器和操作。我认为link_to方法的正确方法是：
link_to "Sentence", :controller => :foo, :action => :bar, :html => { :class => :btn }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13513457
复制相关文章
相似问题
腾讯云开发者
