ability to prepend new row instead of append

Author: Eugene Tupikov

CHANGELOG.md

@@ -4,6 +4,8 @@ Yii2 multiple input change log
 2.21.0 (in development)
 =======================
 
+- #279 ability to prepend new row instead of append
+
 2.20.6
 ======
 

src/MultipleInput.php

@@ -210,6 +210,11 @@ class MultipleInput extends InputWidget
      */
     public $showGeneralError = false;
 
+    /**
+     * @var bool add a new line to the beginning of the list, not to the end
+     */
+    public $prepend = false;
+
     /**
      * Initialization.
      *
@@ -350,15 +355,16 @@ protected function createRenderer()
             'extraButtons'      => $this->extraButtons,
             'layoutConfig'      => $this->layoutConfig,
             'iconMap'           => $iconMap,
-            'theme'             => $this->theme
+            'theme'             => $this->theme,
+            'prepend'           => $this->prepend
         ];
 
         if ($this->showGeneralError) {
             $config['jsExtraSettings'] = [
                 'showGeneralError' => true
             ];
         }
-        
+
         if ($this->removeButtonOptions !== null) {
             $config['removeButtonOptions'] = $this->removeButtonOptions;
         }

src/TabularInput.php

@@ -199,6 +199,11 @@ class TabularInput extends Widget
      */
     public $iconSource = self::ICONS_SOURCE_GLYPHICONS;
 
+    /**
+     * @var bool add a new line to the beginning of the list, not to the end
+     */
+    public $prepend = false;
+
     /**
      * Initialization.
      *
@@ -298,7 +303,8 @@ protected function createRenderer()
             'extraButtons'      => $this->extraButtons,
             'layoutConfig'      => $this->layoutConfig,
             'iconMap'           => $iconMap,
-            'theme'             => $this->theme
+            'theme'             => $this->theme,
+            'prepend'           => $this->prepend
         ];
 
         if ($this->removeButtonOptions !== null) {

src/assets/src/js/jquery.multipleInput.js

@@ -101,7 +101,9 @@
          */
         indexPlaceholder: 'multiple_index',
 
-        showGeneralError: false
+        showGeneralError: false,
+
+        prepend: false
     };
 
     var isActiveFormEnabled = false;
@@ -264,7 +266,12 @@
             return;
         }
 
-        $addedInput.hide().appendTo(inputList).fadeIn(300);
+
+        if (settings.prepend) {
+            $addedInput.hide().prependTo(inputList).fadeIn(300);
+        } else {
+            $addedInput.hide().appendTo(inputList).fadeIn(300);
+        }
 
         if (values instanceof Object) {
             var tmp = [];

src/assets/src/js/jquery.multipleInput.min.js

@@ -188,6 +188,11 @@ abstract class BaseRenderer extends BaseObject implements RendererInterface
      */
     public $jsPositions = [View::POS_HEAD, View::POS_BEGIN, View::POS_END, View::POS_READY, View::POS_LOAD];
 
+    /**
+     * @var bool add a new line to the beginning of the list, not to the end
+     */
+    public $prepend = false;
+
     /**
      * @inheritdoc
      */
@@ -411,7 +416,8 @@ public function render()
             'max'               => $this->max,
             'min'               => $this->min,
             'attributes'        => $this->prepareJsAttributes(),
-            'indexPlaceholder'  => $this->getIndexPlaceholder()
+            'indexPlaceholder'  => $this->getIndexPlaceholder(),
+            'prepend'           => $this->prepend
         ], $this->jsExtraSettings));
 
         $js = "jQuery('#{$this->id}').multipleInput($options);";