Estoy llenando una grilla de JQWIDGETS con datos de un array que formo a partir de datos ingresados en inputs text(codigo,descripcion,precio,cantidad y total).
Al dar enter sobre el input cantidad se muestran los datos en la grilla, pero esto crea un array cada vez que hago esto.
Como puedo hacer que por cada vez que llene los inputs se cree un nuevo registro en el mismo array y no me reemplace el contenido de la grilla cada vez?
Gracias
Esto es lo que tengo:
$(document).keyup(function (e) {
if ($("#txtCantServ").is(":focus") && (e.keyCode == 13)) {
var cant = $('#txtCantServ').val();
var punit = $('#txtprecio').val();
if (cant > 0) {
$('#txtCantServ').val('');
var codigo = $('#txtcodserv').val();
var nombre = $('#txtNomServ').val();
var total = punit * cant;
var dataGrilla = new Array();
var codigos = [codigo];
var nombres = [nombre];
var cantidades = [cant];
var precios = [punit];
var totales = [total];
for (var i = 0; i < 1; i++) {
var row = {};
row["colcodigos"] = codigos;
row["colnombres"] = nombres;
row["colcantidades"] = cantidades;
row["colprecios"] = precios;
row["coltotales"] = totales;
dataGrilla[i] = row;
}
console.log(dataGrilla);
var source =
{
localdata: dataGrilla,
datatype: "array"
};
$("#jqxgrid").jqxGrid(
{
width: 900,
source: source,
height: 200,
columns: [
{ text: 'CODIGO', datafield: 'colcodigos', width: 100 },
{ text: 'DESCRIPCION', datafield: 'colnombres', cellsformat: 'D',width: 500 },
{ text: 'CANTIDAD', datafield: 'colcantidades', width: 80 },
{ text: 'PRECIO', datafield: 'colprecios', width: 80, cellsalign: 'right' },
{ text: 'TOTAL', datafield: 'coltotales', width: 100, cellsalign: 'right', cellsformat: 'c2' },
]
});
}else{
alert('Ingrese cantidad.');
}
}
});