javascript - Rails 3.1 - Active_admin 和复选框

标签 javascript ruby-on-rails-3.1 checkbox formtastic activeadmin

这个问题其实是两个问题。

  1. 全选按钮 - Active_admin 使用 formtastic 来呈现表单,所以我将在 formtastic 的上下文中询问。我将如何创建一个按钮来选择页面上的所有复选框?我可以使用 JavaScript 来完成,但我不确定如何在 formtastic 中完成。
  2. 根据选择值设置集合。我有一个下拉菜单,让人们可以从“类(class)”列表中进行选择。学生已注册类(class),因此我希望能够显示已注册该类(class)的学生的复选框列表。即:如果用户选择不同的类(class),学生列表将会改变。

    类(class).rb

    has_and_belongs_to_many :students

    学生.rb

    has_and_belongs_to_many :courses

最佳答案

Formtastic 没有针对“全选”复选框的简单解决方案,如果您使用的是 JQUERY,则可以这样做

在你的 student.rb 模型中添加

attr_accessor :select_all_courses

f.inputs "Courses" do
  f.input :select_all_courses, :as => :boolean, :label => 'SELECT ALL', :input_html => {:onclick => "jQuery.each( $('.student_courses_checkboxes'), function() { this.checked = $('.all_selector')[0].checked });", :class => "all_selector"}  
  f.input :courses, :as => :check_boxes, :collection => @courses, :input_html => {:class => 'student_courses_checkboxes'}      
end

在 formtastic 的活跃管理员中,您可以做的最好的事情是:

在你的类(class)表中

f.input :students, :as => :check_boxes, :collection => @students   

关于javascript - Rails 3.1 - Active_admin 和复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7687905/

相关文章:

javascript - 使用 API 中的 $http.get 进行 Angular.js 本地开发

javascript - 如何制作可排序、可更改、可添加、可移动的网页元素?

ruby-on-rails - 在 Rails 3.1 中添加新的资源路径

ruby - 在任何来源中都找不到 rake-0.8.7 (Bundler::GemNotFound)

ruby-on-rails - has_one 是否没有提供 `create_child` 方法?

php - 如何从 mysql 为 highcharts 创建正确的 json 数据格式

javascript - 动态命名 JSON 属性

javascript - 在 phonegap/jquery mobile 中支持不同的屏幕尺寸

css - Bootstrap 4 : Checkbox text on the left, 右边的复选框

javascript - 为什么满足if条件后还要进入else部分?