Jak utrzymywać powiązanie hasMany w pojedynczym formularzu Ember.js za pomocą Ember Data & Rails?
Mam problem z określeniem poprawnego sposobu utrzymywania powiązania hasMany z pojedynczym formularzem za pomocą Ember.js, Ember Data i Rails. Klient ma wiele projektów. Mam nowy formularz projektu, który ma dwa pola: nazwę projektu i nazwę klienta.http://cl.ly/image/3z0P0R3M1t2u
Próbowałem zachować moją logikę tworzenia w Ember.jsClientsController & ProjectController, ale czy muszę przenieść niektóre z nich do akcji zgłaszania na moimProjektyNewView?
Aktualizacja: Po znalezieniu tego zaktualizowałem swój kodkwestia. Zbliżam się, ale RailsyProjectController nadal nie otrzymuje powiązanego id_klienta. Nie jest częścią parametrów, które otrzymuje kontroler. Nadal wydaje mi się, że prawdopodobnie nie zamierzam tego robić najlepiej.
Modele:
Szyny
class Client < ActiveRecord::Base
attr_accessible :name
has_many :projects
accepts_nested_attributes_for :projects
validates :name, :presence => true
end
class Project < ActiveRecord::Base
attr_accessible :name, :client_id
belongs_to :client
validates :name, :presence => true
validates :client, :presence => true
end
Ember.js
App.Client = DS.Model.extend
name: DS.attr('string')
projects: DS.hasMany('App.Project', { embedded: true })
validate: ->
if @get('name') is null or @get('name') is ''
'Client requires a name.'
App.Project = DS.Model.extend
name: DS.attr('string')
client: DS.belongsTo('App.Client')
validate: ->
if @get('name') is `undefined` or @get('name') is null or @get('name') is ''
return 'Projects require a name.'
if @get('client') is `undefined` or @get('client') is null or @get('client') is ''
'Projects require a client.'
Kontrolery:
Szyny
class Api::ClientsController < Api::BaseController
def create
@client = Client.find_or_create_by_name(params[:client][:name])
respond_to do |format|
if @client.save
format.json { render json: @client, status: :create }
else
format.json { render json: @client.errors, status: :unprocessable_entry }
end
end
end
end
class Api::ProjectsController < Api::BaseController
def create
@project = Project.new(params[:project])
respond_to do |format|
if @project.save
format.json { render json: @project, status: :created, location: @project }
else
format.json { render json: @project.errors, status: :unprocessable_entry }
end
end
end
end
Ember.js
App.ClientsController = Em.ArrayController.extend
createClient: (data) ->
@transaction = App.store.transaction()
client = @transaction.createRecord(App.Client, data)
project_data = data.projects_attributes[0]
client.get('projects').createRecord(project_data)
validation_errors = client.validate()
if validation_errors
App.displayError validation_errors
client.destroy()
else
@transaction.commit()
App.ProjectsController = Em.ArrayController.extend
createProject: (data) ->
@transaction = App.store.transaction()
project = @transaction.createRecord(App.Project, data)
validation_errors = project.validate()
if validation_errors
App.displayError validation_errors
project.destroy()
else
@transaction.commit()
App.get('router').transitionTo('projects')
Wyświetlenia:
Ember.js
App.ProjectsNewView = Em.View.extend
classNames: ['form row']
tagName: 'form'
templateName: 'projects/new'
init: ->
@_super()
submit: (event) ->
event.preventDefault()
client = {}
client.name = @get('client')
project = {}
project.name = @get('name')
client.projects_attributes = []
client.projects_attributes.push project
App.router.clientsController.createClient(client)