ready callback to allow manual re-indexing

README.md

@@ -78,10 +78,17 @@ Names get reindexed if an item is added or deleted.
                 }
             },
             // (Optional)
+            // You can use this if you need to manually re-index the list
+            // for example if you are using a drag and drop library to reorder
+            // list items.
+            ready: function (setIndexes) {
+                $dragAndDrop.on('drop', setIndexes);
+            },
+            // (Optional)
             // Removes the delete button from the first list item,
             // defaults to false.
             isFirstItemUndeletable: true
 		})
 	});
 </script>
-```
+```

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "jquery.repeater",
   "main": "jquery.repeater.js",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "homepage": "https://github.com/DubFriend/jquery.repeater",
   "description": "repeatable form input interface",
   "keywords": [

index.html

@@ -18,41 +18,41 @@ <h1>Repeater</h1>
       <div data-repeater-list="group-a">
         <div data-repeater-item>
           <input name="untyped-input" value="A"/>
-
+    
           <input type="text" name="text-input" value="A"/>
-
-          <input type="date" name="tel-input"/>
-
+    
+          <input type="date" name="date-input"/>
+    
           <textarea name="textarea-input">A</textarea>
-
+    
           <input type="radio" name="radio-input" value="A" checked/>
           <input type="radio" name="radio-input" value="B"/>
-
+    
           <input type="checkbox" name="checkbox-input" value="A" checked/>
           <input type="checkbox" name="checkbox-input" value="B"/>
-
+    
           <select name="select-input">
             <option value="A" selected>A</option>
             <option value="B">B</option>
           </select>
-
+    
           <input data-repeater-delete type="button" value="Delete"/>
         </div>
         <div data-repeater-item>
           <input name="untyped-input" value="A"/>
-
+    
           <input type="text" name="text-input" value="B"/>
-
-          <input type="date" name="tel-input"/>
-
+    
+          <input type="date" name="date-input"/>
+    
           <textarea name="textarea-input">B</textarea>
-
+    
           <input type="radio" name="radio-input" value="A" />
           <input type="radio" name="radio-input" value="B" checked/>
-
+    
           <input type="checkbox" name="checkbox-input" value="A"/>
           <input type="checkbox" name="checkbox-input" value="B" checked/>
-
+    
           <select name="select-input">
             <option value="A">A</option>
             <option value="B" selected>B</option>
@@ -62,13 +62,34 @@ <h1>Repeater</h1>
       </div>
       <input data-repeater-create type="button" value="Add"/>
     </form>
-
+    
 
     <script src="jquery-1.11.1.js"></script>
     <script src="jquery.repeater.js"></script>
     <script>
     $(document).ready(function () {
         'use strict';
+
+        // $('.repeater').repeater(function () {
+        //     return {
+        //         defaultValues: {
+        //             'textarea-input': 'foo',
+        //             'text-input': 'bar',
+        //             'select-input': 'B',
+        //             'checkbox-input': ['A', 'B'],
+        //             'radio-input': 'B'
+        //         },
+        //         show: function () {
+        //             $(this).slideDown();
+        //         },
+        //         hide: function (deleteElement) {
+        //             if(confirm('Are you sure you want to delete this element?')) {
+        //                 $(this).slideUp(deleteElement);
+        //             }
+        //         }
+        //     };
+        // });
+
         $('.repeater').repeater({
             defaultValues: {
                 'textarea-input': 'foo',
@@ -84,6 +105,9 @@ <h1>Repeater</h1>
                 if(confirm('Are you sure you want to delete this element?')) {
                     $(this).slideUp(deleteElement);
                 }
+            },
+            ready: function (setIndexes) {
+
             }
         });
     });

index.pre.html

@@ -21,6 +21,27 @@ <h1>Repeater</h1>
     <script>
     $(document).ready(function () {
         'use strict';
+
+        // $('.repeater').repeater(function () {
+        //     return {
+        //         defaultValues: {
+        //             'textarea-input': 'foo',
+        //             'text-input': 'bar',
+        //             'select-input': 'B',
+        //             'checkbox-input': ['A', 'B'],
+        //             'radio-input': 'B'
+        //         },
+        //         show: function () {
+        //             $(this).slideDown();
+        //         },
+        //         hide: function (deleteElement) {
+        //             if(confirm('Are you sure you want to delete this element?')) {
+        //                 $(this).slideUp(deleteElement);
+        //             }
+        //         }
+        //     };
+        // });
+
         $('.repeater').repeater({
             defaultValues: {
                 'textarea-input': 'foo',
@@ -36,6 +57,9 @@ <h1>Repeater</h1>
                 if(confirm('Are you sure you want to delete this element?')) {
                     $(this).slideUp(deleteElement);
                 }
+            },
+            ready: function (setIndexes) {
+
             }
         });
     });

jquery.repeater.js

@@ -1,6 +1,6 @@
-// jquery.repeater version 1.0.2
+// jquery.repeater version 1.1.0
 // https://github.com/DubFriend/jquery.repeater
-// (MIT) 09-08-2015
+// (MIT) 19-09-2015
 // Brian Detering <BDeterin@gmail.com> (http://www.briandetering.net/)
 (function ($) {
 'use strict';
@@ -698,19 +698,8 @@ $.fn.inputClear = function () {
 }(jQuery));
 
 $.fn.repeater = function(fig) {
-
     fig = fig || {};
 
-
-
-    var inputVal = function ($self, value) {
-
-    };
-
-    var inputClear = function ($self) {
-
-    };
-
     $(this).each(function () {
 
         var $self = $(this);
@@ -763,6 +752,10 @@ $.fn.repeater = function(fig) {
 
         setIndexes();
 
+        if(fig.ready) {
+            fig.ready(setIndexes);
+        }
+
         var setItemsValues = function ($item, values) {
             var index;
             index = $item.find('[name]').first()

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jquery.repeater",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "repeatable form input interface",
   "main": "jquery.repeater.js",
   "directories": {

repeater.jquery.json

@@ -1,6 +1,6 @@
 {
     "name": "repeater",
-    "version": "1.0.1",
+    "version": "1.1.0",
     "title": "Repeater",
     "author": {
         "name": "Brian Detering",
@@ -27,4 +27,4 @@
     "dependencies": {
         "jquery": ">=1.11"
     }
-}
+}

src/repeater.js

@@ -1,17 +1,6 @@
 $.fn.repeater = function(fig) {
-
     fig = fig || {};
 
-
-
-    var inputVal = function ($self, value) {
-
-    };
-
-    var inputClear = function ($self) {
-
-    };
-
     $(this).each(function () {
 
         var $self = $(this);
@@ -64,6 +53,10 @@ $.fn.repeater = function(fig) {
 
         setIndexes();
 
+        if(fig.ready) {
+            fig.ready(setIndexes);
+        }
+
         var setItemsValues = function ($item, values) {
             var index;
             index = $item.find('[name]').first()

test/test.js

@@ -210,3 +210,28 @@ QUnit.test('isFirstItemUndeletable configuration option', function (assert) {
 
     assert.strictEqual($firstDeleteButton.length, 0, 'first delete button is removed');
 });
+
+QUnit.asyncTest('has ready callback option and setIndexes', function (assert) {
+    expect(3);
+    var $list = this.$secondRepeater.find('[data-repeater-list]');
+    this.$secondRepeater.repeater({
+        ready: function (setIndexes) {
+            assert.ok(isFunction(setIndexes), 'passed setIndexes function');
+            var $lastItem = $list.find('[data-repeater-item]').last();
+            $list.prepend($lastItem.clone());
+            $lastItem.remove();
+            setIndexes();
+
+            var indeces = $list.find('[name]').map(function () {
+                return $(this).attr('name').match(/\[([0-9])+\]/)[1];
+            }).get();
+
+            console.log(indeces[0], indeces[10]);
+
+            assert.strictEqual(indeces[0], '0');
+            assert.strictEqual(indeces[10], '1');
+
+            QUnit.start();
+        }
+    });
+});