Ruby on Rails->动态创建div

Question

I work on a task manager app, and I want to create html div 'cards' (with title, duration etc...), with all the datas I got on a database in rails.

I guess that I have to use javascript functions, but I can't get a way to do it. I saw a lot of things on google, but I can't find exactly javascript calls from a rails controller (because I only catch all datas in the controller).

Here is my controller :

def new
  # Retrieve all tasks in the project
  @taskModel = Task.new()
  @projectTasks = @taskModel.getProjectTasks()
  # Add tasks on html
  (0..@projectTasks.length).each do |i|
    respond_to do |format|
      format.js { render :js => "window.createTask();" } # I need to pass parameters in the createTask function
    end
  end
end

and my js file :

window.createTask = (title, content, duration) ->
  card = document.createElement('div');
  document.getElementsByClassName('content')[0].appendChild(card);

With my code, I get this error : ActionController::UnknownFormat

Answer 1

ActionController::UnknownFormat indicated that your ajax request is interpreted as a request with the wrong format. To answer this part better you'd have to post the javascript with the ajax call.

Secondly, you have to rethink the render in this block

(0..@projectTasks.length).each do |i|
    respond_to do |format|
      format.js { render :js => "window.createTask();" } # I need to pass parameters in the createTask function
    end
  end

You are calling respond_to multiple times which is just wrong. Put this loop into a new.js.erb view.