javascriptjqueryjquery.repeater

Jquery, how to loop inside repeater setlist?


I have code as below,

var $repeater = $('.repeater').repeater();
$repeater.setList([
    { 'text-input': 'A' },
    { 'text-input': 'B' },
    { 'text-input': 'c' },
    //and so on...
]);

but the problem is, I have no idea how to loop the { 'text-input': 'A' }, Lets say I have 10 of this { 'text-input': 'A' }, so by right I do my code like this below but it produce syntax error.

var $repeater = $('.repeater').repeater();

$repeater.setList([
    for (var i = 0; i < 10; i++) {

        { 'text-input': i },

    }
]);

Solution

  • This would be the code using simple javascript loop:

    var $repeater = $('.repeater').repeater();
    
    var list = [];
    
    for (var i = 0; i < 10; ++i) {
    
        list.push({ 'text-input': i });
    
    }
    
    $repeater.setList(list);