FE Edit "Absenden bei Änderungen" zündet nicht

[marcohe]

Hallo zusammen,

wenn bei Attribut Auswahl "Absenden bei Änderungen" aktiviert ist zündet das ganze im BE aber im FE passiert gar nichts.
Ist die Funktion fürs FE-Edit denn schon implementiert?

[tl_richard_user]

Im Frontend Editing von MM gibt es kaum JS, um dem Entwickler die Möglichkeit zu geben, diese Funktion eigenmächtig einzubauen.

Widgets mit "Absenden bei Änderung" haben die CSS-Klasse “submitOnChange”. (Analog dazu übrigens datepicker, colorpicker...)

Ich gehe dabei wie folgt vor:
Ein neues Template `j_auto-submit-mm.html5` erstellen und zum Layout hinzufügen:

<script>
   $(function () {
       autoSubmit();
   });

   function autoSubmit() {
       function submitFormFor(element) {
           var $form = $(element).closest('form');

           if ($form.length > 0) {
               $form.submit();
           }
       }

       $(document).on('click', '.ce_metamodels_frontendediting .submitOnChange input[type=checkbox],.ce_metamodels_frontendediting .submitOnChange input[type=radio]', function () {
           submitFormFor(this);
       });
       $(document).on('change', '.ce_metamodels_frontendediting .submitOnChange select', function () {
           if ($(this).is(':focus')) {
               submitFormFor(this);
           }
       });
       $(document).on('blur keyup', '.ce_metamodels_frontendediting .submitOnChange input.autosubmit[type=text],.ce_metamodels_frontendediting .submitOnChange textarea', function (e) {
           if (e.type === 'blur' || e.which === 13) {
               submitFormFor(this);
           }
       });
   }
</script>

Wenn du willst, kannst du, Damit nicht die ganze Seite neu geladen wird, die Erweiterung richardhj/contao-ajax_reload_element installieren und für das CE des Frontend-Editing “allowAjaxReload” und “ajaxReloadFormSubmit” aktivieren. Auch dafür das jQ-Template “j_ajaxform” hinzufügen zum Layout.