[Rails 6] cocoon_ Einführung

Entwicklungsumgebung

• Rails 6.0.3.4
• yarn 1.22.4

Inhaltsverzeichnis __1) So installieren Sie Cocoon

1. Einführung von jQuery Klicken Sie hier, falls Sie dies noch nicht getan haben
2. Einführung des Kokongarns Fügen Sie den Befehl github: nathanvda / cocoon # c24ba53 hinzu
3. Schreiben Sie in application.js >> import "cocoon";

2. Formular dynamisch hinzufügen * Chikajika wird UP sein
3. ID und Datenattribute zum hinzugefügten Formular hinzufügen __

1) So installieren Sie Kokon

1. Einführung in jQuery

__ Klicken Sie hier, falls Sie dies noch nicht getan haben __

2. Einführung des Kokons

Gemfile

gem 'cocoon'
* Vergessen Sie nicht, den Server mit der Bundle-Installation neu zu starten. *
*Ich konnte nicht experimentieren, aber ich denke, es ist in Ordnung, wenn Sie es nicht in die Gem-Datei schreiben (unten)."yarn add"Weil ich es tue. )*

Terminal

yarn add github:nathanvda/cocoon#c24ba53

Es ist in Ordnung, wenn die folgende Beschreibung nach der Ausführung zu package.json hinzugefügt wird.

app/package.json

"cocoon": "github:nathanvda/cocoon#c24ba53"

__ * Hinweis: Das Official Repository __ beschreibt nur die Installation bis zu Rails 5. Daher wird es offiziell als "Garn hinzufügen @ nathanvda / cocoon" beschrieben, aber bitte beachten Sie, dass es nicht korrekt hinzugefügt wird, es sei denn, es ist der obige Befehl. __ ** Über den Grund, warum Sie nach dem Kokon "# c24ba53" hinzufügen müssen __

2. Beschrieben in application.js

Javascript/packs/application.js

require('jquery') //Es hängt von jQuery ab, daher funktioniert es ohne jQuery nicht.
import "cocoon"   //Beschreibung für den laufenden Kokon

__ * Ergänzung: __ "require (" @ nathanvda / cocoon ")" in der Erläuterung der offiziellen Website ← Wenn Sie diese Beschreibung zusammen verwenden, werden zwei Formulare dynamisch hinzugefügt, wenn Sie auf die Schaltfläche klicken. Verwenden Sie sie daher nicht zusammen Bitte seien Sie vorsichtig. Ich habe es nicht ausprobiert, aber ich denke, es funktioniert so oder so.

__ Die Installation ist oben abgeschlossen. __ __

2) Formulare dynamisch hinzufügen

Bis Sie einen Artikel schreiben Ich werde den Artikel veröffentlichen, auf den ich mich bei der Einführung bezogen habe.

Verweise Quitta Rails6 Kokon eingeführt: https://qiita.com/ashketcham/items/87e3db665ca9c66ce673 2020-06-27 slim Ich verwende: https://k-koh.hatenablog.com/entry/2020/06/27/125710 Qitta Gif-Video verfügbar: https://qiita.com/ohnitakahiro/items/dd0e44a7ebbaa6bf5ab8 Qitta Eltern, Kinder, Enkelkinder: https://qiita.com/hitochan/items/5a45a95e644492d66160 Rails Application Build Guides：https://rails.densan-labs.net/form/relation_register_form.html 　　 das ist alles.