Episodes
ewanchic PRO said over 1 year ago on Building a Questionnaire :
nested_form_controller.js is in the wrong location. In the Show Notes tab, you have it listed as:

# app/assets/javascripts/nested_form_controller.js

Instead, it should be:
# app/assets/javascripts/controllers/nested_form_controller.js







David Kimura PRO said over 1 year ago on Building a Questionnaire :
  Thanks for the catch. I've updated the show notes to reflect this.

Tom PRO said about 1 year ago on Building a Questionnaire :
Hi,

Having an annoying issue on this one - it looks like adding multiple answers to a question when creating a new questionnaire causes only the last answer to be accepted (only shows one in the dev log in the request too),  but it works fine when editing an existing questionnaire. It looks like 'Add answer' is creating multiple of the same block of HTML when creating a new questionnaire, i.e. 

var content = this.templateTarget.innerHTML.replace(/TEMPLATE_RECORD/g, new Date().getTime())

in nested_form_controller.js appears not to be working correctly (I think) - even when directly copy/pasting from the code blocks above, but only for new questionnaires. Any ideas?

David Kimura PRO said about 1 year ago on Building a Questionnaire :
It’s addressed in the next episode in dealing with nested attributes within nested attributes 

Nate said 8 months ago on Building a Questionnaire :
Hi David! I'm wondering what would you suggest doing in the case that I would like to render the same

<%= form.text_field :name, placeholder: 'Answer', class: 'form-control' %>

answer field in the long answer div i.e

  <div data-controller="nested-form" data-dynamic-select-target='long'>
     <%= form.fields_for :answers, Answer.new do |answer| %>
       <%= answer.text_field :name, placeholder: 'Answer', class: 'form-control' %>
      <% end %>
  </div>

I've played with this, but this keeps causing problems since it will submit answer the form everytime with one empty field also. Any suggestions?

Nate said 8 months ago on Building a Questionnaire :
I'm having a bit of trouble understanding how can you place anything related to the form under the long target as this will always submit empty data form either of the form since other one of them is just hidden not removed from the DOM.

Kam kara PRO said 9 days ago on Building a Questionnaire :
I look You're put *nested_form_controller.js and dynamic_select_controller.js  in javascript folder on assets/javascripts/controllers

I think in rails 7, all JS codes is locking in Javascrip/controller (I don't kwon if good way to rebuild this project).

I ask this question because since yesterday, I can't get the question to work, but the Questionnaire is created without any problem.
I suspect my Hotwire configuration

Note: I added Hotwire via commands:
bundle add hotwire-rails && rails hotwire:install

To be sure, I even copied and pasted the project following the guide.
Are there any specific changes for rails 7?
Or maybe I missed something. But I don't have any errors in the console either


Update:
Normally I would delete my question, but I think some people will be in the same trap if they are not careful.
In rails 7 the stimulus code is written after extending the default controller... and is different in rails 6 
see an example:
import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
.... your code here ...
}

peace

Login to Comment