Stop form and add parameters by jQuery

daniel89fg · May 29, 2018, 8:50am

Hi.

I need help, to edit the forms.

I need that by clicking on the save button, I can execute the jQuery, add parameters and send the request.

Does anyone know how to do it correctly? @Kovah

Thank you.

Kovah · May 29, 2018, 12:29pm

github.com

InvoicePlane/InvoicePlane/blob/1.5/application/modules/invoices/views/view.php#L52


    );
});


$('#invoice_change_client').click(function () {
    $('#modal-placeholder').load("<?php echo site_url('invoices/ajax/modal_change_client'); ?>", {
        invoice_id: <?php echo $invoice_id; ?>,
        client_id: "<?php echo $this->db->escape_str($invoice->client_id); ?>",
    });
});


$('#btn_save_invoice').click(function () {
    var items = [];
    var item_order = 1;
    $('table tbody.item').each(function () {
        var row = {};
        $(this).find('input,select,textarea').each(function () {
            if ($(this).is(':checkbox')) {
                row[$(this).attr('name')] = $(this).is(':checked');
            } else {
                row[$(this).attr('name')] = $(this).val();
            }

daniel89fg · May 29, 2018, 1:03pm

It is not for bills. It is for everything. Products, Customers, Payments, etc. I want to give the button to save, power to execute with jQuery, add parameters and return with the execution of the form with the new parameters.

I have tried with e.preventDefault (), the execution stops, I do my functions and calculations, but when I want to continue with the execution of the submit, it does not take my modified data, if not the data of the original form.

daniel89fg · May 29, 2018, 1:04pm

This does not work.

$('#form_product').submit(function(e) {
        e.preventDefault();
        
        var form = $(this);
        var formData = $(form).serializeArray();
        
        var proveedores = [];
        $('#proveedores .proveedor').each(function(){
            var prov = {
                'supplier_id' : $(this).attr('supplier_id'),
                'purchase_price_suplier' : $(this).find('.purchase_price_suplier').html()
            };
            
            proveedores.push(prov);
        });
        formData.push({'proveedores':proveedores});
        
        $.ajax({
            type: 'POST',
            url: $(form).attr('action'),
            dataType: "json",
            data: formData
        });
    });

Kovah · May 29, 2018, 1:35pm

Can’t help you with this specific request at the moment but sounds more like a general javascript question, not directly related to Invoiceplane. I suggest heading over to Stackoverflow.

daniel89fg · May 29, 2018, 3:33pm

Right @Kovah , it’s not an InvoicePlane problem. It is a query about programming. I need to submit a form, add data with jQuery and follow the execution of the submit. It is in case someone knows how to do it, since my code does not work well. Just take the form data.