2017-04-12 63 views
1

我得到了内部项目和待办事项,待办事项有复选框&文本,所以当我更改复选框时,必须更新整个模型而不用任何按钮。Ruby on Rails:当更改复选框时更新模型

这是我在Heroku上的项目:https://polar-scrubland-30279.herokuapp.com/

index.html.erb(我知道我不是最好的代码拼写)

<% @projects.each do |project| %> 
    <div class="col-md-4"> 

    <div class="project"> 
     <%= form_for(local_assigns[:project] || project) do |f| %> 

     <div class="project-header"> 
      <h2> <%= f.object.title %> </h2> 
     </div> 

     <div class="project-todos"> 
      <%= f.fields_for(:todos) do |tf| %> 
      <div class="todo"> 
       <div class="todo--checkbox"> 
       <%= tf.check_box :isCompleted %> 
       </div> 
       <div class="todo--text"> 
       <%= tf.object.text %> 
       </div> 
      </div> 
      <% end %> 
     </div> 
     <% end %> 
    </div> 

    </div> 
<% end %> 

这是我ProjectsController:

class ProjectsController < ApplicationController 

    def index 
    @projects = Project.all 
    end 

    def show 
    @project = Project.find(params[:id]) 
    end 

    def new 
    @project = Project.new 
    end 

    def create 
    @project = Project.new(project_params) 
    if @project.save 
     # ... 
    else 
     # ... 
    end 
    end 

    def update 
    if @project.update(project_params) 
     # ... 
    else 
     # ... 
    end 
    end 

    private 

    def set_project 
    @project = Project.find(params[:id]) 
    end 

    def project_params 
    params.require(:project).permit(:foo, :bar, todos_attributes: [:isCompleted, :text]) 
    end 

end 

project.rb

class Project < ActiveRecord::Base 
    has_many :todos 
    accepts_nested_attributes_for :todos 
end 

todo.rb

class Todo < ActiveRecord::Base 
    belongs_to :project 
end 

的问题是:我怎么连我的形式与我的控制器,以及改变待办事项的布尔变量时复选框被选中/ uncheked。我尝试了一些变体,但是需要一个刷新按钮,我不想这样做。

GitHub的 - https://github.com/NanoBreaker/taskmanager

+0

你可以使用http:// api.jquery.com/jquery.ajax/ –

+0

这里是一个高层次的想法,有一个类的复选框,在JavaScript中有一个触发器的复选框。在该触发器上,调用api更新控制器中的字段。 – gates

+0

你必须使用 http://stackoverflow.com/questions/7031226/jquery-checkbox-change-and-click-event 捕捉chackbox更改事件 – andriy

回答

相关问题