Repeater Item Delete Problem

Hi,

I’m making the calculation in the example I provide at the link.

http://demo.fy.tc/repeater

Every new line does the calculation. However, when I delete a row, it does not perform the calculation again.

` $(document).ready(function () {

    $('#ProposalProducts').repeater({
        isFirstItemUndeletable: true, 
        initEmpty: true,
        show: function () {
            var selfRepeaterItem = this;
            $(selfRepeaterItem).slideDown();            
        },
        hide: function (deleteElement) {
            var selfRepeaterItem = this;
            $(selfRepeaterItem).slideUp(deleteElement);
            
          CalcProducts();
        }        
    });


$('#product_repeat').on('click', function(){

    $('#quantity, #unit_price, #vat, #discount_type, #discount').on("change", function () { 
        CalcProducts();
    });

});

});

function CalcProducts() {



    var repeaterItems_count = $("div[data-repeater-item] > div.product_item");
    var repeaterItems = repeaterItems_count.length;
    
    var products_sub_total = 0;
    var discount = $("#discount").val();
    var discount_type = $("#discount_type").val();
    var products_sub_total_discount = 0;
    var products_total_vat = 0;
    var products_total = 0;

    for (var i = 0; i < repeaterItems; i++) {


        if(typeof $('input[name="products['+i+'][quantity]"]').val() !== 'undefined') {

    
            var quantity = $('input[name="products['+i+'][quantity]"]').val();
            var unit_price = $('input[name="products['+i+'][unit_price]"]').val();
            var vat = $('input[name="products['+i+'][vat]"]').val();

            
            var vat_total = (quantity * unit_price) * vat / 100;
            var sub_total = quantity * unit_price;
            var total =  vat_total + sub_total;
            
            $('input[name="products['+i+'][vat_total]"]').val(vat_total);
            $('input[name="products['+i+'][sub_total]"]').val(sub_total);
            $('input[name="products['+i+'][total]"]').val(total.toFixed(2));

            products_sub_total = products_sub_total + sub_total;
            products_total_vat = products_total_vat + vat_total;
            products_total = products_total + total;                
        }

    }

    if(discount != '' && discount_type != '') {
        if(discount_type == 'rate')
        {
            var products_total_discount_vat = 0;
            var rate_to_discount = products_sub_total * discount / 100;
            var discount_dispersion = rate_to_discount / repeaterItems;

            for (var d = 0; d < repeaterItems; d++) {
                
                if(typeof $('input[name="products['+d+'][quantity]"]').val() !== 'undefined') {
                    
                    var quantity = $('input[name="products['+d+'][quantity]"]').val();
                    var unit_price = $('input[name="products['+d+'][unit_price]"]').val();
                    var vat = $('input[name="products['+d+'][vat]"]').val();
                    
                    products_total_discount_vat = products_total_discount_vat + (((quantity * unit_price) - discount_dispersion) * vat / 100);
                }


            }
            
            products_total = (products_sub_total - rate_to_discount) + products_total_discount_vat;

            document.getElementById('products_sub_total').innerHTML = products_sub_total.toFixed(2);
            document.getElementById('products_sub_total_discount').innerHTML = '(-) '+rate_to_discount.toFixed(2);
            document.getElementById('products_total_vat').innerHTML = products_total_discount_vat.toFixed(2);
            document.getElementById('products_total').innerHTML = products_total.toFixed(2);

        }
        else if(discount_type == 'amount')
        {
            var products_total_discount_vat = 0;
            var discount_dispersion = discount / repeaterItems;

            for (var d = 0; d < repeaterItems; d++) {
                if(typeof $('input[name="products['+d+'][quantity]"]').val() !== 'undefined') {
                    
                    var quantity = $('input[name="products['+d+'][quantity]"]').val();
                    var unit_price = $('input[name="products['+d+'][unit_price]"]').val();
                    var vat = $('input[name="products['+d+'][vat]"]').val();
                    
                    products_total_discount_vat = products_total_discount_vat + (((quantity * unit_price) - discount_dispersion) * vat / 100);
                }

            }
            
            products_total = (products_sub_total - discount) + products_total_discount_vat;

            document.getElementById('products_sub_total').innerHTML = products_sub_total.toFixed(2);
            document.getElementById('products_sub_total_discount').innerHTML = '(-) '+Number(discount).toFixed(2);
            document.getElementById('products_total_vat').innerHTML = products_total_discount_vat.toFixed(2);
            document.getElementById('products_total').innerHTML = products_total.toFixed(2);                  
        }
    }
    else 
    {
        
        document.getElementById('products_sub_total_discount').innerHTML = '';
        document.getElementById('products_sub_total').innerHTML = products_sub_total.toFixed(2);
        document.getElementById('products_total_vat').innerHTML = products_total_vat.toFixed(2);
        document.getElementById('products_total').innerHTML = products_total.toFixed(2);            
    }
    
}    `

Please do help with this.

[gunaysirbudak]

@paulayo93 Check the javascript file you are using. Use the application’s own javascript file.

[paulayo93]

@paulayo93 Check the javascript file you are using. Use the application’s own javascript file.

@gunaysirbudak Do you mean that I should use it from a .JS file instead of writing the code in a script tag? Will that be the case please?