Added ability to render add button in the footer

Author: unclead

CHANGELOG.md

@@ -5,6 +5,8 @@ Yii2 multiple input change log
 ---------------------
 
 - #79 Added support for embedded MultipleInput widget (unclead, execut)
+- Enh: Added ability to render `add` button in the footer (unclead)
+- Enh: Improving for better work without ActiveForm (unclead)
 
 1.2.19
 ------

src/MultipleInput.php

@@ -22,8 +22,9 @@
  */
 class MultipleInput extends InputWidget
 {
-    const POS_HEADER    = 0;
-    const POS_ROW       = 1;
+    const POS_HEADER    = TableRenderer::POS_HEADER;
+    const POS_ROW       = TableRenderer::POS_ROW;
+    const POS_FOOTER    = TableRenderer::POS_FOOTER;
 
     /**
      * @var ActiveRecordInterface[]|array[] input data

src/TabularInput.php

@@ -21,8 +21,9 @@
  */
 class TabularInput extends Widget
 {
-    const POS_HEADER    = 0;
-    const POS_ROW       = 1;
+    const POS_HEADER    = TableRenderer::POS_HEADER;
+    const POS_ROW       = TableRenderer::POS_ROW;
+    const POS_FOOTER    = TableRenderer::POS_FOOTER;
 
     /**
      * @var array

src/assets/src/css/multiple-input.css

@@ -14,7 +14,7 @@
 table.multiple-input-list {
     margin: 0;
 }
-table.multiple-input-list tr > td {
+table.multiple-input-list tbody tr > td {
     border: 0 !important;
 }
 table.multiple-input-list tr > td:first-child {

src/components/BaseRenderer.php

@@ -27,8 +27,9 @@
  */
 abstract class BaseRenderer extends Object
 {
-    const POS_HEADER    = 0;
-    const POS_ROW       = 1;
+    const POS_HEADER    = 'header';
+    const POS_ROW       = 'row';
+    const POS_FOOTER    = 'footer';
 
     /**
      * @var string the ID of the widget
@@ -309,4 +310,20 @@ public function getUniqueHash()
     {
         return $this->uniqueHash;
     }
+
+    /**
+     * @return bool
+     */
+    protected function isAddButtonPositionHeader()
+    {
+        return $this->addButtonPosition === self::POS_HEADER;
+    }
+
+    /**
+     * @return bool
+     */
+    protected function isAddButtonPositionFooter()
+    {
+        return $this->addButtonPosition === self::POS_FOOTER;
+    }
 }

src/renderers/TableRenderer.php

@@ -33,6 +33,7 @@ protected function internalRender()
         }
 
         $content[] = $this->renderBody();
+        $content[] = $this->renderFooter();
 
         $options = [];
         Html::addCssClass($options, 'multiple-input-list table table-condensed');
@@ -71,13 +72,26 @@ public function renderHeader()
     }
 
     /**
-     * @return bool
+     * Renders the footer.
+     *
+     * @return string
      */
-    private function isAddButtonPositionHeader()
+    public function renderFooter()
     {
-        return $this->addButtonPosition === self::POS_HEADER;
+        if (!$this->isAddButtonPositionFooter()) {
+            return '';
+        }
+
+        $cells = [];
+        $cells[] = Html::tag('td', ' ', ['colspan' => count($this->columns)]);
+        $cells[] = Html::tag('td', $this->renderAddButton(), [
+            'class' => 'list-cell__button'
+        ]);
+
+        return Html::tag('tfoot', Html::tag('tr', implode("\n", $cells)));
     }
 
+
     /**
      * Check that at least one column has a header.
      *