listadoOrdenes.js

// Va dentro de cargarListadoOrdenes(), es el $.each que pinta las ordenes, se le agrega el boton de info y el th de info de envio y traking no

$.each(listadoOrdenes, function (index, value) {
        var realizada = value.guiaRealizada == 'verified.svg' ? 1 : 0;
        $("#tbodyOrdenes").append("<tr  id=" + value.orden_id + " class='trOrdenes'><td><div class='form-check'> <label class='form-check-label'> <input class='form-check-input' type='checkbox' name='orden' value='" + value.orden_id + "'> <span class='form-check-sign'> <span class='check'></span> </span> </label> </div></td><td><img class='plataforma" + value.plataforma_id + "' style='max-width:30px;text-align:center;' src='/images/" + value.imgOrder + "' data-schedule=" + value.plataforma_id + " alt='' /></td> <td class=''>" + value.numOrden + "</td> <td class=''>" + value.nombreDestinatario + "</td>  <td class=''>" + value.Destino + "</td><td class=''>" + value.infoEnvio + "</td><td class=''>" + value.estatusOrden + "</td> <td> <img style='max-width: 30px;margin-left:15px;' src='/images/" + value.guiaRealizada + "' data-schedule2=" + realizada + " alt='' class='estatus" + realizada + "'/> </td><td class=''><a href=" + value.rastreo+" target ='_BLANK'>" + value.TrackingNo + "</a></td><td class=''>" + value.fecha + "</td><td  class='text-right'><button onclick='infoOrden(" + value.numOrden +")' class='btn btn-sm'>+ Información</button><button  id='Orden" + value.orden_id +"' class='btn btn-rose btn-sm btnCrearOrden'>Crear etiqueta</button> </td><tr>");
    });


// Función para traer la info de la orden, puede ir en cualquier lado.
function infoOrden(ordenId) {
    var pJData = [];
    pJData.push({
        ordenId: ordenId
    });
    pJData = JSON.stringify(pJData);
    $.ajax({
        type: "POST",
        url: "listadoOrdenes.aspx/cargarInformacionOrden",//ojitos
        data: JSON.stringify({ pJData: pJData }),
        dataType: "json",
        async: false,
        cache: false,
        contentType: "application/json; charset=utf-8",
        success: function (datos) {
            var existeError = datos.d.indexOf('Error');
            if (existeError == -1) {
                registrosListado = JSON.parse(datos.d);
                $("#infoOrden").html('');
                for (var i = 0; i < registrosListado.length; i++) {
                    $("#infoOrden").append("<tr><td>" + (i + 1) + "</td><td>" + registrosListado[i].producto + "</td><td>" + registrosListado[i].cantidad + "</td><td>" + registrosListado[i].precio + "</td><td>" + registrosListado[i].precioTotal + "</td><td>" + registrosListado[i].peso +"</td><tr>");
                }
            }
            else {
                Error = datos.d;
                if (Error != "") {
                    alert(Error);
                    return false;
                }
            }
            $("#detalleOrden").modal();
        }
    });
}