Ajax more

js/render.js

@@ -0,0 +1,41 @@
+(function ($, Drupal) {
+
+    Drupal.behaviors.fobFieldMore = {
+        attach: function (context) {
+            var $button = $('.fob-field-more', context);
+
+            $button.each(function () {
+                var $wrapper = $button.closest('.form-item');
+                var $table = $wrapper.find('table:last tbody');
+                $table.find('tr').slice(-2).addClass('fobHelper').css('display', 'none');
+
+                // trigger to "add more" button, clone last element, append to the table
+                $button.click(function () {
+                    var delta = $table.find('tr').length - 2;
+                    var $row = $table.find('tr:nth-last-child(2)').removeClass('fobHelper');
+
+                    // Fix delta, path, items, …
+                    $row.find('input, textarea, select').each(function () {
+                        var name = $(this).attr('name').replace(/^(.+)\[\d+\](.+)$/, '$1[' + delta + ']$2');
+                        $(this).attr('name', name);
+                    });
+
+                    // create last row for table
+                    $row.clone().addClass('fobHelper').appendTo($table);
+                    $row.css('display', 'table-row');
+
+                    // do not submit form
+                    return false;
+                });
+            });
+
+            // on form delete, remove fake items
+            $button.first().closest('form').bind('submit', function () {
+                $button.each(function () {
+                    $('.fobHelper').remove();
+                });
+            });
+        }
+    };
+
+})(jQuery, Drupal);

src/Controller/EntityEditController.php

@@ -6,16 +6,6 @@
 use Drupal\form_builder\Controller\EntityEditController\SubmitHandler;
 use Drupal\form_builder\FormEntity;
 
-/**
- * TODO:
- *
- * 1. User add/remove entity type => update fields.
- * 2. Available fields list
- * 3. Added fields list
- * 4. …
- * n. Submit handler
- *
- */
 class EntityEditController
 {
 

src/Controller/EntityViewController.php

@@ -18,6 +18,10 @@ public static function pageCallback(FormEntity $form, $slug = '', $pageNumber =
             if ($slug !== $form->getSlug()) {
                 drupal_goto($form->getPath($pageNumber));
             }
+
+            // include client script
+            drupal_add_js(drupal_get_path('module', 'form_builder') . '/js/render.js');
+
             return $form->render($pageNumber, self::createFormSubmissionFromCache($form, $pageNumber));
         }
 

src/FormCenter/DrupalFieldWidget.php

@@ -38,9 +38,9 @@ protected function renderFieldTypes(FieldInterface $field, FieldOptions $fieldOp
      * @param FieldInterface $field
      * @param FieldOptions $fieldOptions
      * @param FieldValueItemInterface[] $fieldValueItems
-     * @return type
+     * @return string
      */
-    protected function renderDrupalField(FieldInterface $field, FieldOptions $fieldOptions, array $fieldValueItems = [])
+    public function renderDrupalField(FieldInterface $field, FieldOptions $fieldOptions, array $fieldValueItems = [])
     {
         $eTName = $field->getEntityType()->getName();
         $dETName = $field->getEntityType()->getDrupalEntityTypeName();
@@ -71,10 +71,19 @@ protected function renderDrupalField(FieldInterface $field, FieldOptions $fieldO
         ];
 
         $e = &$form[$dFName][$dLang];
+        if ($dField['cardinality'] == -1) {
+            $dFormState['field']['#parents'][$dFName]['und']['#fields'][$dFName]['und'] = ['items_count' => 2];
+        }
         $e = field_multiple_value_form($dField, $dFieldInstance, $dLang, $dItems, $dForm, $dFormState);
 
         $form['#parents'] = [];
         $form_state = ['values' => [], 'complete form' => $form];
+
+        if (!empty($e['add_more']['#ajax'])) {
+            unset($e['add_more']['#ajax'], $e['add_more']['#submit']);
+            $e['add_more']['#attributes']['class'][] = 'fob-field-more';
+        }
+
         form_builder('form_builder_element', $form, $form_state);
 
         foreach (element_children($form[$dFName][$dLang]) as $delta) {