如何干燥服务器端Ruby和客户端Javascript之间的业务逻辑?

前端之家收集整理的这篇文章主要介绍了如何干燥服务器端Ruby和客户端Javascript之间的业务逻辑? 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个带有继承的Widget模型(我使用的是Single-Table Inheritance,但它对于每个表的类同样有效).一些子类需要特定的字段.别人没有.

  1. class Widget < ActiveRecord
  2. ALL_WIDGET_TYPES = [FooWidget,BarWidget,BazWidget]
  3. end
  4. class FooWidget < Widget
  5. validates_presence_of :color
  6. end
  7. class BarWidget < Widget
  8. # no color field
  9. end
  10. class BazWidget < Widget
  11. validates_presence_of :color
  12. end

我正在构建“新窗口小部件”表单(app / views / widgets / new.html.erb),并希望基于< select>动态显示/隐藏颜色字段.对于widget_type.

  1. <% form_for @widget do |f| %>
  2. <%= f.select :type,Widget::ALL_WIDGET_TYPES %>
  3. <div class='hiddenUnlessWidgetTypeIsFooOrBaz'>
  4. <%= f.label :color %>
  5. <%= f.text_field :color %>
  6. </div>
  7. <% end %>

我可以轻松地编写一些jQuery来监视widget_type上的onChange事件,但这意味着将某种WidgetTypesThatRequireColor常量放入我的Javascript中.足够容易手动完成,但是很可能会与Widget模型类断开连接.

尽管我考虑过使用content_for(:js)并在模板页脚中使用yield:js,但我不希望在视图中直接输出Javascript.还有更好的主意吗?

最佳答案
这是我将生成的html.您可以通过各种方式从视图或帮助器生成它.

  1. <select ...>
  2. <option class="widget colored">FooWidget</option>
  3. <option class="widget uncolored">BarWidget</option>
  4. <option class="widget colored">BazWidget</option>
  5. </select>

然后让jQ观看选择并根据所选选项的类显示或隐藏div.

猜你在找的jQuery相关文章