Added missing js event: beforeAddRow

Author: unclead

CHANGELOG.md

@@ -1,6 +1,11 @@
 Yii2 multiple input change log
 ==============================
 
+2.10.0
+======
+
+- #154: Added missing js event: beforeAddRow
+
 2.9.0
 =====
 

examples/views/multiple-input.php

@@ -159,6 +159,7 @@
             console.log('calls on after initialization event');
         }).on('beforeAddRow', function(e) {
             console.log('calls on before add row event');
+            return confirm('Are you sure you want to add row?')
         }).on('afterAddRow', function(e, row) {
             console.log('calls on after add row event', $(row));
         }).on('beforeDeleteRow', function(e, item){

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

@@ -19,6 +19,14 @@
          *
          */
         afterInit: 'afterInit',
+        /**
+         * afterAddRow event is triggered after successful adding new row.
+         * The signature of the event handler should be:
+         *     function (event, row)
+         * where event is an Event object.
+         *
+         */
+        beforeAddRow: 'beforeAddRow',
         /**
          * afterAddRow event is triggered after successful adding new row.
          * The signature of the event handler should be:
@@ -233,6 +241,13 @@
         template = template.replaceAll('{' + settings.indexPlaceholder + '}', data.currentIndex);
         var $addedInput = $(template);
 
+        var beforeAddEvent = $.Event(events.beforeAddRow);
+        $wrapper.trigger(beforeAddEvent, [$addedInput]);
+
+        if (beforeAddEvent.result === false) {
+            return;
+        }
+
         $addedInput.hide().appendTo(inputList).fadeIn(300);
 
         if (values instanceof Object) {
@@ -290,8 +305,8 @@
 
         $wrapper.data('multipleInput').currentIndex++;
 
-        var event = $.Event(events.afterAddRow);
-        $wrapper.trigger(event, [$addedInput]);
+        var afterAddEvent = $.Event(events.afterAddRow);
+        $wrapper.trigger(afterAddEvent, [$addedInput]);
     };
 
     var removeInput = function ($btn) {